总的选择器有:
1.标签选择器(如:body,div,p,ul,li)
2.类选择器(如:class=“head”,class=“head_logo”)
3.ID选择器(如:id=“name”,id=“name_txt”)
4.全局选择器(如:*号)
5.组合选择器
-
a.后代选择器(以空格 分隔)
-
b.子元素选择器(以大于 > 号分隔)
-
c.相邻兄弟选择器(以加号 + 分隔)
-
d.普通兄弟选择器(以波浪号 ~ 分隔)
组合选择器https://www.runoob.com/css/css-combinators.html
6.群组选择器 div,span,img {color:Red} 即具有相同样式的标签分组显示
7.伪类选择器(如:就是链接样式,a元素的伪类,4种不同的状态:link、visited、active、hover。)
a:link {color:#FF0000;} /* 未访问的链接 */
a:visited {color:#00FF00;} /* 已访问的链接 */
a:hover {color:#FF00FF;} /* 鼠标划过链接 */
a:active {color:#0000FF;} /* 已选中的链接 */
----------------------------
注意事项:
1、后代选择器和子元素选择器的区别
(https://blog.youkuaiyun.com/u012110719/article/details/41171517)
2、选择器的优先级
!important > 行内样式>ID选择器 > 类选择器 > 标签 > 通配符 > 继承 > 浏览器默认属性