您现在的位置:首页 >> 前端 >> 内容

CSS 组合选择符

时间:2015/5/26 13:52:50 点击:

  核心提示:1.空格 选取所有后代元素p p{background-color:yellow;}选取p元素的所有后代p元素,可以是子元素,子子元素...2.大于号选取所有直接子层元素pp{background-c...

1.空格 选取所有后代元素

p p

{
background-color:yellow;
}

选取p元素的所有后代p元素,可以是子元素,子子元素...

 

2.大于号 > 选取所有直接子层元素

p>p
{
background-color:yellow;
}

选取p元素的所有直接子元素,仅子元素一层

 

3.波浪号~ 选取同层的所有兄弟元素
p~p
{
background-color:yellow;
}

选取p元素的同一层的所有兄弟元素

 

4.加号+ 选取同层的第一个兄弟元素

p+p
{
background-color:yellow;
}

选取p元素的同一层的第一个兄弟元素

 

5. p:first-child 选取第一个p元素

p:first-child
{
color:blue;
}

选取第一个p元素

 

Tags:CS SS S组 组合 
作者:网络 来源:xuanwuziyo