css加号、冒号、波浪号的用法

<style>
 li:hover+li{ background-color:#000;}
</style>
<ul>
 <li>1</li> <li>2</li> <li>3</li>
</ul>
“+”    始终把样式给下一个，这样就可以做到菜单上下一个菜单项没有边框的效果啦，最求真相，嘿嘿 

 input:focus{background-color:#03C}

 p~p{background-color:#03C}兄弟选择器，只选择 后面的兄弟

p:first-child意思是p标签的父级元素的第一个子元素判定是p就有指定的样式。 （last-child，nth-child（n）同理）

p是元素 <p>是标签 

 nth-child（even偶数） nth-child（odd偶数） nth-child（3n）

p:first-of-type  ,p:last-of-type ,p:only-of-type 是指p的父级里元素为p的所有元素的集合排序