問題：
是否有有效的方法可以選擇CSS 中的每個第 n個元素元素集，不列出每個元素
答案：
是的，使用有算術表達式的:nth-child() 偽類，您可以基於選擇元素在子清單中的位置。
語法:nth-child() 允許進行各種算術運算，包括：
例如，要選擇每四個元素，請使用以下命令選擇器：
:nth-child(4n)
此表達式從0 開始計數，因此它將選擇：
注意：如果父元素中有不同類型的元素（例如div、h1、p），則應使用:nth-of -type() 而不是:nth-child() 以確保只計算指定的元素type.
範例：
假設以下HTML：
<body> <h1></h1> <div>1</div> <div>2</div> <div>3</div> <div>4</div> <h2></h2> <div>5</div> <div>6</div> <div>7</div> <div>8</div> <h2></h2> <div>9</div> <div>10</div> <div>11</div> <div>12</div> <h2></h2> <div>13</div> <div>14</div> <div>15</div> <div>16</div> </body>
要選擇每四個div 元素，請使用：
div:nth-of-type(4n)
這將選擇：
特殊情況：
使用4n 相當於4n 4 就而言。這是因為計數從 0 開始。因此，以下選擇器會選擇相同的元素：
但是，對於其他第 n個運算符和值，情況可能並不總是如此。
以上是如何有效率地選擇 CSS 中的每第 N 個元素？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
