0

CSSで、特定のdivの下にスタイルをパッケージ化して異なる方法があるかどうか疑問に思いました。これが私が達成したいことの例です：

<html>
<body>
  <div id="enableTheme">
     <p>some themed html</p>
  </div>
  <div id="disableTheme">
     <p>some none-themed html</p>
  </div>
</body>
</html>

cssは次のようなことをします：

#enableTheme{
    p{
       css styles
    }
    label{
       different styles
    }
    div{
       even more different styles
    }
    ...
 }

IDが「enableTheme」であるdivの下のすべてが、私が望むようにテーマ化されます。

よろしくお願いします

編集：申し訳ありませんが、私は私の質問であまり明確ではありませんでした。私は知っています

#enableTheme p{ 
   //Styles
}

しかし、私の問題は、各要素に「#enableTheme」を1つずつ追加する必要がないhude cssファイルがあることです。そのため、スタイルのパックに対してグローバルにそれを行う方法があるかどうか疑問に思いました。既製でした。

4

5 に答える 5

1

あなたはほとんどそこにいます。試す

#enableTheme p {
  /* styles */
}

#enableTheme label {
  /* and on and on */
}

ちなみに、SCSSを使用した場合、作成したものは、この状況で必要な CSS を正確に出力します。

編集：...しかし、Less/Sass/SCSSに入る前に、CSSについてもっと学ぶことをお勧めします

于 2012-07-31T15:55:01.217 に答える
0

試す

#enableTheme p {

}

#enableTheme label {

}

#enableTheme div {

}

または、直接の子孫である場合は、

#enableTheme > p {

}

#enableTheme > label {

}

#enableTheme > div {

}
于 2012-07-31T15:56:39.833 に答える
0

通常の CSS では、それはできません。しかし、次のようなことができます：

#enableTheme p{
       css styles
}
#enableTheme label{
       different styles
}
#enableTheme div{
       even more different styles
}

LESSやSASSなど、提案したことを実行できるオプションがあることに注意してください。

于 2012-07-31T15:54:10.857 に答える
0

その構文を使用します。

#enableTheme p{
   css styles
}
#enableTheme label{
   different styles
}
#enableTheme div{
   even more different styles
}
...
于 2012-07-31T15:54:15.833 に答える
0

（これはおそらく重複していますが、とにかく）

はい、これが子孫セレクターです。これを行うだけです：

#enableTheme p
{
   css styles
}

#enableTheme label
{
   different styles
}

#enableTheme div
{
   even more different styles
}
于 2012-07-31T15:54:41.097 に答える