☰

各要素が別の要素に埋め込まれている場合、2 番目の要素を取得するにはどうすればよいでしょうか? 質問する

tag-icon • tag-icon css
各要素が別の要素に埋め込まれている場合、2 番目の要素を取得するにはどうすればよいでしょうか? 質問する 
<div class="question_container">
    <div class="views">
        <div>10</div>
    </div>
    <div>Something else</div>
</div>
<div class="question_container">
    <div class="views">
        <div>10</div>
    </div>
    <div>Something else</div>
</div>
<div class="question_container">
    <div class="views">
        <div>10</div>
    </div>
    <div>Something else</div>
</div>

純粋な CSS ですべての 2 番目のクラスのビューをスタイル設定するにはどうすればよいですか。

jQueryではこうする

$('*[class=views]:even').addClass('views');

しかし、この CSS をどうやって実行すればいいのでしょうか?

ベストアンサー1

このプロパティは次の目的で使用できます:nth-child。

例：

.question_container:nth-child(2n) .views{
    color: red;
}

:nth-child(2)選択するのみ2番目の項目は:nth-child(2n)、毎2番目の項目。

おすすめ記事