0

たとえば、クラス「モーダル」を持つ data-role="page" div の子ではないコンテンツのデータ ロールを持つ 2 つの div を選択したいと思います。私は高度な CSS セレクターに精通していません。

<div>
    <div data-role="page">
        <div data-role="content"></div>
    </div>
    <div data-role="page" class="modal">
        <div data-role="content"></div>
    </div>
    <div data-role="page">
        <div data-role="content"></div>
    </div>
</div>

いくつか試してみましたが、何も機能しません...例

[data-role="content"]:not([data-role="page"].modal > :after)

また

[data-role="content"]:not([data-role="page"].modal > [data-role="content"])
4

2 に答える 2

2
[data-role="page"]:not(.modal) > [data-role="content"]

これは、クラスが である要素とクラスを持たないすべての要素を取得しdata-rolepage クラスがである直接modalの子をすべて取得します。data-rolecontent

ライブデモはこちら.

于 2012-10-19T02:03:56.740 に答える
1

まあ、あなたはそれを行うことができます:

:not([data-role=page])>[data-role=content] {...}

ただし、互換性を高めるために、次のことができるかどうかを確認することをお勧めします。

[data-role=content] {/* define some styles */}
[data-role=page]>[data-role=content] {/* cancel out the previously-defined styles */}
于 2012-10-19T02:01:03.473 に答える