码迷,mamicode.com
首页 > Web开发 > 详细

CSS高级选择器

时间:2019-01-31 22:48:29      阅读:320      评论:0      收藏:0      [点我收藏+]

标签:yellow   必须   样式   多个   input   bsp   red   span   fir   

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

p,h1{

  color:red;

}

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

/*标签选择器+类选择器,标签选择器+ID选择器*/

h1#first{

  color:yellow;

}

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

/*嵌套标签*/

h1 span{

  color:green;

}

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

h1>span{

  color:blue;

}

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

input[type="password"]{

  color:gray;

}

CSS高级选择器

标签:yellow   必须   样式   多个   input   bsp   red   span   fir   

原文地址:https://www.cnblogs.com/lgqblog/p/10344056.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!