这是我的 HTML 和 CSS 的示例。对于我的一生,我无法弄清楚为什么第二条规则适用于所有按钮,而不仅仅是前三个。
HTML
<div id="test">
<ul>
<li><button>1</button></li>
<li><button>2</button></li>
<li><button>3</button></li>
<li><button>4</button></li>
<li><button>5</button></li>
<li><button>6</button></li>
</ul>
</div>
CSS
#test button
{
background-color: blue;
}
#test button:nth-child(-n + 3)
{
background-color: red;
}
#test button:hover {
background-color: green;
}