<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的所有元素的集合排序
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的所有元素的集合排序