Html CSS目标主题化_Html_Css - Fatal编程技术网

Html CSS目标主题化

html css

Html CSS目标主题化,html,css,Html,Css,我想知道CSS中是否有一种方法可以将特定div下的样式打包为不同的样式。下面是我想完成的一个例子： <html> <body> <div id="enableTheme"> <p>some themed html</p> </div> <div id="disableTheme"> <p>some none-themed html</p> </di

我想知道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>

在这里，div下id为“enableTheme”的所有内容都将按照我希望的方式进行主题化

提前谢谢你的帮助

编辑：对不起，伙计们，我的问题不是很清楚。我知道这件事

#enableTheme p{ 
   //Styles
}

但我的问题是我有一个hude css文件，我不想在每个元素中逐个添加“#enableTheme”，这就是为什么我想知道是否有一种方法可以对我预先制作的一组样式进行全局处理。

在常规css中不，你不能这样做。但你可以这样做：

#启用主题p{
css样式
}
#启用主题标签{
不同风格
}
#启用主题分区{
更多不同的风格
}

请注意，有一些选项，如和，允许您执行建议的操作。

使用该语法：

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

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

是的，这是最新的。只要这样做：

#enableTheme p
{
   css styles
}

#enableTheme label
{
   different styles
}

#enableTheme div
{
   even more different styles
}

你差不多到了。试一试

#enableTheme p {
  /* styles */
}

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

顺便说一句，如果您使用了，您所编写的内容将输出您在这种情况下想要的CSS

编辑：…但我建议在进入Less/Sass/SCSS之前，先学习更多关于CSS的知识

#enableTheme p {

}

#enableTheme label {

}

#enableTheme div {

}

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

#enableTheme > p {

}

#enableTheme > label {

}

#enableTheme > div {

}

我认为最简单的方法是向父元素添加/删除类。所以在css中，

#enableTheme p{}

将应用于

p{}

不适用的地方。@Jared-这是常规css。我对OP说，他不能用常规CSS（嵌套）做他概述的事情。明白了。我不确定我是否遗漏了一些明显的东西。

#enableTheme > p {

}

#enableTheme > label {

}

#enableTheme > div {

}