CSS 相邻兄弟选择器

 

1、如果需要选择紧接在另一个元素后的元素,而且二者有相同的父元素,可以使用相邻兄弟选择器。
2、相邻兄弟选择器使用加号“+”做为连接符。

 

示例

<html>
<head>
<style type="text/css">
#p1 + p {margin-top:50px;}
</style>
</head>
<body>
<p id='p1'>This is paragraph 1.</p>
<p id='p2'>This is paragraph 2.</p>
<p id='p3'>This is paragraph 3.</p>
<p id='p4'>This is paragraph 4.</p>
</body>
</html>

 
CSS 相邻兄弟选择器
 

你可能感兴趣的:(css入门)