(1)相鄰兄弟選擇器(Adjacent sibling selector)(+)
可選擇緊接在另一元素后的元素缠捌,且二者有相同父元素
用一個結合符只能選擇兩個相鄰兄弟中的第二個元素
<!DOCTYPE HTML>
<html>
<head>
<style type="text/css">
li + li {font-size:30px;}
</style>
</head>
<body>
<div>
<ul>
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
</ul>
<ol>
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
</ol>
</div>
</body>
</html>
緊鄰的兄弟元素字體發(fā)生了變化查排,有序列表的item1與無序列表的item3不是同一個父級,所以無變化