鍍金池/ 問答/HTML/ 如何使用css selector 樣式表選擇器 選擇前3個元素?

如何使用css selector 樣式表選擇器 選擇前3個元素?

如果有一段代碼

<div class="parent_class">
    <div class="myclass">my text1</div>
    <div class="myclass">my text2</div>
    <div class="myclass">my text3</div>
    <div class="myclass">my text4</div>
    <div class="myclass">my text5</div>
</div>

我想使用css selector 樣式表選擇器選擇 class是myclass的前三個div, 請問要如何做呢?

回答
編輯回答
胭脂淚

:nth-of-type(div)

2018年9月7日 10:29
編輯回答
離人歸

自己找到了方法, css selector實在是太不直觀了.

div.myclass:nth-child(-n+3) {
    background: red;
}
2018年6月10日 16:34
編輯回答
苦妄
.myclass:not(:nth-last-child(1)):not(:nth-last-child(2)){}
2018年2月17日 12:05