(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>
紧邻的兄弟元素字体发生了变化,有序列表的item1与无序列表的item3不是同一个父级,所以无变化