CSS 中的六个重要选择器(三秒就可以记住)
我要评论来自：https://blog.csdn.net/qq_44761243/article/details/108227213
CSS 的选择器有哪些？？？
1.通配符（*）
也可称作全局选择器或者通用选择器，顾名思义，就是定义所有的元素的样式。常用于默认的一些样式，例如给所有的元素设置内边距为2px *{padding：2px; } ，增加页面的美感！
2.标签选择器
也可称作元素选择器，例如 div , p, img 等等。
3.类选择器
类名不能以数字开头，必须以 .号开头。一个页面的类名可以重复。例如 .类名{ } 的形式。
4.ID 选择器
以#开头，一个页面不能出现相同的 id 名称。
5.并列选择器
就是几个选择器需要设置同样的样式，中间用逗号隔开。例如 div,p{ color:red;} ,设置 div 标签和 p 标签的字体颜色都为红色。
6.父子选择器
就元素是父子的关系，改变的是儿子。选择器之间用空格隔开，例如 div h1{ font-size:60px;} ，设置 div 标签ne内的 h1标签的字体大小为 60像素。这里必须是 div 里面的 h1才可以改变样式。
优先级：
ID 选择器 > 类选择器 > 标签选择器 > 通配符
优先级不用解释了吧，就是谁先加载运行，谁就是大哥咯┗|｀O′|┛
还有很多选择器就不一 一 介绍了，什么伪类选择器，伪 ID 选择器。关键是记不住阿，就记上面几个就行了，比较常用。下面给大家举些例子容易理解一点。
类名和 ID 名称的命名规则：
1.不要以数字开头。
2.类名和 ID 名称 做到望文知意，不能用中文，英语不好可以用拼音，拼音不好，算了你还是别用了，哈哈哈。【不是嘲笑哦~】
如果你比较憨憨或者懒，搞个one， two ，three，过段时间你再看你会崩溃的，你想不起 1 ，2 ，3写的什么了o(≧口≦)o
总结
到此这篇关于CSS 中的六个重要选择器(三秒就可以记住)的文章就介绍到这了,更多相关css选择器内容请搜索脚本之家以前的文章或继续浏览下面的相关文章，希望大家以后多多支持脚本之家！
相关文章
这篇文章主要介绍了css3的focus-within选择器的使用，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习2020-05-11
这篇文章主要介绍了CSS选择器中的正则表达式使用，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学2020-03-11
这篇文章主要介绍了巧用CSS属性值正则匹配选择器,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习2020-03-11- 这篇文章主要介绍了css选择器四大类：基本、组合、属性、伪类的相关知识，本文给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下2020-02-14
- 这篇文章主要介绍了css复杂选择器及css字体样式、颜色属性，复杂选择有三种，每种方法通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友参考下吧2020-01-19
这篇文章主要介绍了详解如何使用CSS3中的结构伪类选择器和伪元素选择器，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面2020-01-06- 这篇文章主要介绍了CSS3 新增选择器的实例,需要的朋友可以参考下2019-11-13
如果说 css 作为前端开发的基本功, 那么 "选择器" 就是基础中的基础，本文介绍了css3 伪类选择器快速复习，文中通过示例代码介绍的非常详细，对大家的学习或者工2019-09-10- 这篇文章主要介绍了CSS 样式的使用方式、选择器 的相关资料,需要的朋友可以参考下2019-08-12
CSS 选择器在实践中是非常常用的，无论是在写样式上或是在 JS 中选择 DOM 元素都需要用到。在 CSS Selectors Level 4 中，工作组继续为选择器标准添加了更丰富的选择器。需2018-12-24
最新评论