css选择器css选择器既复杂又多，熟练使用这些选择器可以增进对css的了解。 今天带大家谈谈css的很多选择器吧。 css经典选择器1.类型选择器
标签名称{
属性：属性值；
}
//例` body{ color:red； } 2.群组选择器
多个标签名称{
属性：属性值；
}
//例h1、h2、h3{ font-size:16px； } 3.包含选择器
选择器也称为子类选择器
父元素子元素{
属性：属性值；
}
//例div span{ color: red； //母元素div的子元素span为红} 4.class选择器
在HTML标签中添加class=“class选择器的名称”，用css格式写如下。
. class选择器的名称{
属性：属性值；
}
//例//html的div class='husband '我是帅哥/div //css的. husband{font-size:16px； 颜色：蓝色； } 5.id选择器
因为id选择器的使用是唯一的，所以使用时需要注意一点。
在HTML标签中添加id=“id选择器的名称”，用css格式写如下。
#id选择器的名称{
属性：属性值；
}
//例//html的div id='husband '我是帅哥/div //css的#husband{font-size:16px； 颜色：蓝色； } 6.组合选择器
fzdgb、组合选择器将多个选择器混合使用。 举个例子：
//例//html的divclass=' tabs box ' id=' tab ' nav class=' fisrstnav ' ulli class=' Li active ' span测试1/span class LiLispan测试3/span span class=' iconfonticon-Guan bi '/span/Li/uldivclass navdivclass=' tabs con ' section class=' cocon height: 50px； line-height: 50px； 文本对齐3360中心； border-right : 1px固态# CCC； position: relative； ) navulLi.Liactive(/class选项卡所在的下边框边框： 2px实体# fff； z-index: 9； } 7.伪类选择器
伪类选择器也有很多，但最常见的是关于超链接的伪类选择器，其总结如下：
` ` ` ` cssa:link(/超链接用于访问的颜色为黑色的color:black； }a:hover(/鼠标超链接颜色为蓝色color:blur； }a:visited{//超链接被访问后的颜色为灰色color:grey； }单击}a:active(/) /超链接，但如果是鼠标上键，则为红色的color:red； } 8.通配符
通配符为“”，您可以选择所有标签。
* { margin: 0； padding: 0； } 9.各类选择器的交叉混用
简单来说，就是使用多个选择器，起到准确地找到适当要素的作用。
h1.p1、#content h1{//class为p1的h1和id为content的h1}h1#content h2{//id为content的h1下的h2} css3选择器以下的选择器易于使用
以下说明都出现在代码中。1.属性选择器
inputcolor:red，其中包含input[value]{//value属性； } input [ type=' text ' ] {//type=' text '在内的inputcolor:red； }选择以}input[class^='icon1']{//'icon1'开头的class div color : red； }选择以}input[class$='icon2']{//'icon2'结尾的class的divcolor:red； }input[class*='icon3']{//选择中间包含' icon3'的class的divcolor:red； } 2.结构伪类选择器
结构伪类选择器可以理解为用于选择第几个孩子的选择器。
1E. -child类
E.frist-child{}//父元素中的第一个子元素E E.last-child{}//父元素中的最后一个子元素e.nth-child{}//选择父元素中的第n个子元素E //n是数字，关键字
n有以下公式
2n ----------偶数
2n 1 ------奇数
5n ---------- 5的倍数
n5----5从第5个个数开始
-n 5 -------前五名
2E. -of-type
选择E.frist-of-type{}//父元素的第一个子元素E E.last-of-type{}//父元素的最后一个子元素e.nth-of-type(n ) }//父元素的最后一个子元素e
E. -child=查看第一个元素，判断是否是想要选择的元素
E. -of-type====选择指定的元素，然后查找第几个元素
3两种选择器的区别
伪类选择器在父元素中创建新元素。 这个元素的权重是1。
另外，用css制作新元素可以理解。
//伪要素选择器div:before，div:3360after//div要素前后各添加一个伪要素，yydxlz设定为height:100px； width:300px； }选择器优先级选择器权重继承或*0000元素选择器0001类、伪类选择器0010id选择器0100内联样式style=“”1000！ 导入无限大