当前位置:
首页 > 技术 > css 选择器之加号 样式名称相加作用

css 选择器之加号 样式名称相加作用

要使用css对HTML页面中的元素实现一对一,一对多或者多对一的控制,这就需要用到CSS选择器。

HTML页面中的元素就是通过CSS选择器进行控制的。

加号(+)为:相邻同胞选择器

如果需要选择紧接在另一个元素后的元素,而且二者有相同的父元素,可以使用相邻兄弟选择器(Adjacent sibling selector)。

例如,如果要增加紧接在 h1 元素后出现的段落的上边距,可以这样写:
h1 + p {margin-top:10px;}

这个选择器读作:选择紧接在 h1 元素后出现的 p 元素(需要满足 h1 和 p 元素拥有共同的父元素)

<style type="text/css">
.a.b{
     color:blue;
}
.a.b+.c{
     color:red;
}
</style>
<div class="a b">abc</div>
<div class="c">zzz</div>

css 选择器之加号 样式名称相加作用:等您坐沙发呢!

发表评论

您必须 [ 登录 ] 才能发表留言!