2

私はCSSセレクターにかなり慣れていませんが、選択する必要がある子要素を持つhtml構造を持っています。いくつかの方法を試しましたが、必要な要素だけを選択するのに苦労しています。事前回答: HTML はサードパーティのソフトウェアによって追加されたものであり、いかなる方法でも変更することはできません。これには、要素へのクラスの追加が含まれます。

ここにHTMLがあります

<div class="smith-category-menu">
    <div>
        <div>
            <table></table>
            <div>
                <table></table>
            </div>
            <table></table>
            <div>
                <table></table>
            </div>
        </div>
    </div>
</div>

以下を選択できるようにする必要があります。

<div class="smith-category-menu">
    <div>
        <div>
            <table SEELCT1></table>
            <div SELECT2>
                <table SELECT3></table>
            </div>
            <table SELECT4></table>
            <div SELECT5>
                <table SELECT6></table>
            </div>
        </div>
    </div>
</div>

試してみましdiv.smith-category-menu div div tableたdiv.smith-category-menu div div table:first-childが、どちらも奇妙な要素を選択しています。

どんな助けでも大歓迎です！

4

3 に答える 3

0

次のように、セレクターでスペースのみを使用します

div table {
    ...
}

直接の子孫だけでなく、div の子孫にあるすべてのテーブル要素を選択します。代わりに ">" を使用すると、直系の子孫のみが選択されます。

div > table {
   ...
}
于 2013-08-01T20:16:20.420 に答える