css - 如何根据其父元素制作 CSS 样式

标签 css stylesheet parent-child

我想知道是否可以根据主体 ID 的值定义元素的样式。

这很难解释,但像这样的东西是理想的:

HTML:

<body id="home">

CSS:

body#home {
  a { /* code here */ }
  p { /* code here */ }
}

body#profile {
  a { /* different code here */ }
  p { /* different code here */ }
}

我知道我可以做到:

body#home a { /* code here */ }

但这变得非常重复。

期待您的回复

彼得

最佳答案

如果你使用类似 SASS 的 CSS 框架,你可以做到这一点或 LESS

这是 documentation关于如何使用 LESS 做到这一点。希望这会有所帮助。

关于css - 如何根据其父元素制作 CSS 样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20382654/

相关文章:

java - 从具有相同名称的子类调用方法 - java

javascript - jQuery 选择器没有注册添加的类

html - 如何使用 angular-scrollable-table 更改列的宽度

jquery - 如何放大 Rmarkdown 演示文稿中的绘图

html - 将标题与图像对齐

css - 如何将 wp 模板链接到不同的样式表

css - 允许最终用户拥有他们可以修改的特定 CSS 规则

javascript - 如何在JavaScript中动态创建CSS类并应用?

c - 子进程是否执行这两个打印?

java - GWT TextBox、DateBox 等不共享相同的基本输入类