在这里，我创建了一个ul li列表，每个li标签都有float:left。并为每三个li添加float:none;内联属性。我想仅使用 CSS 有条件地制作它。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<style>
ul
{
list-style:none;
}
ul li
{
margin-right:10px;
float:left;
}
</style>
</head>
<ul>
<li>List 1</li>
<li>List 2</li>
<li style="float:none;">List 3</li>
<li>List 4</li>
<li>List 5</li>
<li style="float:none;">List 6</li>
<li>List 7</li>
<li>List 8</li>
<li style="float:none;">List 9</li>
<li>List 10</li>
<li>List 11</li>
<li style="float:none;">List 12</li>
<li>List 13</li>
<li>List 14</li>
</ul>
<body>
</body>
</html>
您可以使用ul li:nth-child(3n)来定位每三个li元素。
这里的例子
ul li {
margin-right:10px;
float:left;
}
ul li:nth-child(3n) {
float:none;
}
如果你想花哨，你可以使用:not()从初始样式中排除第三个li元素，避免覆盖float:left。
这里的例子
ul li:not(:nth-child(3n)) {
float:left;
}
li:nth-child(3n){
float:none;
}
将其添加到 CSS 而不是内联样式。这就是你要找的吗？
ul {
list-style:none
}
ul li
{
float:left;
position:absolute;
}
在这里，如果像 li 一样设置子类意味着它单独采取。