3

一部のページ要素を印刷するために、メインの css ファイルで css メディア クエリを使用しています。サンプルコードはこちら

body *
    {
        visibility: hidden;
        background: #FFF;      
        margin: 0px;
        padding: 0px;
    }
    #Grid *
    {
        visibility: visible;
    }

しかし、私のアプリケーションは巨大で、既存の機能に影響を与えたくありません。<Div>したがって、この css をid を持つ要素が存在するページにのみ適用し、これを他の css ファイルに書き込みます。各ページで使用すると、約80 ページ<Grid>でこの機能が必要になるため、非常に時間がかかります。すべてを選択する方法はありますかid Grid を持つ div がすべてのアプリケーションの単一の css ファイルに存在する body 要素? 私は何かのようなことを考えています

body [div="Grid"] * {}

残念ながら、これは機能しません。

4

2 に答える 2

1

編集：

id Grid を持つ div が存在するすべての body 要素を選択する任意の方法

CSSではまだ親セレクターがないため、子要素に基づいて親を選択することはできません。

divを持つ要素を選択するid Gridには、以下のセレクターを使用します

div[id="Grid"] {
  /* Styles goes here */
}

デモ

注: 上記のセレクターは、 を含む要素のみを選択します。 が存在id Gridする要素が存在するページ全体をターゲットにすると予想される場合はid Grid、それを行うことはできません。

特定のページにある要素を一意にターゲットにしたい場合は、要素で同じものを呼び出し、idターゲットにしたい要素bodyを置き換えdivてbodyさらにネストします

body[id="Grid"] div.target_unique {
   /* Styles goes here */
}
于 2013-09-23T14:56:49.823 に答える