選擇具有某個類的第一個元素的語法是什麼?請指定該選擇方法是否爲CSS3或CSS2.1的一部分。CSS選擇具有某個類的第一個元素
12
A
回答
-1
試試這個
.testparent .test:first-child {
color: red;
}
<div class="testparent">
<div class="test">test</div>
<div class="test">test</div>
<div class="test">test</div>
</div>
第一個div '測試' 只有紅色。
42
如果您需要與它的兄弟姐妹中的某一類的第一個元素,你可以使用
.myclass {
/* styles of the first one */
}
.myclass ~ .myclass {
/* styles of the others (must cancel the styles of the first rule) */
}
不要嘗試使用.myclass:not(.myclass ~ .myclass)
做到這一點的只有一個規則,它不會工作因爲:not()
只接受圓括號中的簡單選擇器。
如果您想在整個文檔中使用第一個.myclass
,則無法單獨使用CSS。
張貼的:nth-of-type()
或:nth-child()
方法是錯誤的,即使它們碰巧碰巧與您的頁面中的元素相匹配。
兄弟選擇器(〜)的瀏覽器支持:IE7 +和其他所有。
-1
.class-name:first-of-type {
⋮ declarations
}
+6
':first-of-type'選擇符適用於元素名稱,不適用於類名稱:https://developer.mozilla.org/en-US/docs/Web/CSS/:first-of-type – 2013-06-16 22:08:13
相關問題
- 1. Css選擇器:如何選擇具有某個類名稱的元素
- 2. 選擇具有特定類的第一個元素?
- 3. 選擇具有類屬性的一系列元素中的第一個元素
- 4. 選擇一個類的第n個元素CSS
- 5. 如何使用css選擇每個類的第一個元素
- 6. 選擇具有某個類而不是其他類的元素
- 7. CSS - 選擇第一個匹配的元素(不是第一個子元素或第一個類型)
- 8. 如何選擇多個元素具有相同類別的第n個元素
- 9. 適用於具有兩個類的元素的CSS選擇器
- 10. 選擇類名稱的第一個元素css基礎
- 11. 如何在每行中選擇具有某個類的最後一個元素?
- 12. CSS選擇器後,只有在某些元素2個元素
- 13. jQuery類選擇器僅選擇類的第一個元素
- 14. 選擇沒有某個類的元素的最後一個子元素
- 15. 在一個元素上有兩個類的CSS選擇器
- 16. 選擇下一個n個具有foo類的元素
- 17. CSS第n個子公式選擇第7個元素和第5個元素
- 18. 無法使用CSS選擇器選擇第一個元素
- 19. 選擇具有數據屬性的第一個元素
- 20. 選擇多個選擇元素的每個第一個選項
- 21. 只選擇一個元素的第二個孩子與CSS
- 22. 使用jQuery選擇具有特定類的第一個元素和最後一個元素
- 23. 選擇第一個沒有特定類的元素
- 24. 選擇第一個元素的jQuery
- 25. 選擇元素相同的第一個
- 26. 選擇另一個第一層元素的所有第一層元素
- 27. 選擇下一個元素的CSS
- 28. 下一個元素的CSS選擇器?
- 29. SimpleXML:選擇具有某個屬性值的元素
- 30. 有沒有辦法用ruby選擇某個類的html元素?
恩,不,它匹配每個'.test'的第一個'p'。 – BoltClock 2011-03-13 04:03:44
是的,我編輯它。看起來像'玉米的彼得'解決了另一種方式... – 2011-03-13 04:08:26
如果第一個孩子沒有'.test',但其他一些兄弟會做,那麼沒有選擇。 – BoltClock 2011-03-13 04:08:37