CSS高级选择器

并集选择器       多个选择器通过逗号连接而成,同时声明多个风格相同样式

p,h1{

  color:red;

}

交集选择器       由两个选择器连接构成,选中二者范围的交集,两个选择器之间不能有空格,第一个必须是标签选择器,第二个必须是类选择器和ID选择器

/*标签选择器+类选择器,标签选择器+ID选择器*/  作用于同一个元素

h1#first{

  color:yellow;

}

后代选择器       外层的选择器写在前面,内层的选择器写在后面,之间用空格分隔,标签嵌套时,内层的标签成为外层标签的后代

/*嵌套标签*/

h1 span{

  color:green;

}

子元素选择器      通过>连接在一起而成,仅作用于子元素 

h1>span{

  color:blue;

}

属性选择器       选取带有指定属性的元素,或选取带有指定属性和值的元素

input[type="password"]{

  color:gray;

}

posted @ 2019-01-31 21:14  大湿兄显灵通  阅读(111)  评论(0编辑  收藏  举报