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
}

但我的问题是我有一个hude css文件，我不想一个一个地为每个元素添加“#enableTheme”，这就是为什么我想知道是否有一种方法可以在全局范围内为一组样式我已经预制了。

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

在常规 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

（这可能是重复的，但无论如何）

是的，这是Descendant Selector。只需这样做：

#enableTheme p
{
   css styles
}

#enableTheme label
{
   different styles
}

#enableTheme div
{
   even more different styles
}
于 2012-07-31T15:54:41.097 回答
0

尝试

#enableTheme p {

}

#enableTheme label {

}

#enableTheme div {

}

或者，如果他们是直系后代，您可以使用

#enableTheme > p {

}

#enableTheme > label {

}

#enableTheme > div {

}
于 2012-07-31T15:56:39.833 回答