CSS 在类里面写类

标签 css class css-selectors nested

有没有什么方法可以像下面这样编写 css 类嵌套。

.className{

  .childclassName1{

  }
  .childclassName2{

  }
}

因为我对产品进行了一些样式更改,但管理层希望这些更改暂时只在一个特定页面中进行,然后在全局范围内应用。所以我不能将那个页面的类名添加到每个选择器(比如:.className .childclassName1 等等),这会消耗很多时间。

最佳答案

您可以使用 LESS 或 SASS 来做到这一点。 所以如果你有:

<div class="container">
   <p>Text</p>
   <a href="#">Link</a>
</div>

你可以这样写:

container {
  text-align:center;
  p {
    font-size:12px;
  }
  a {
    text-decoration:none;
  }
}

http://lesscss.org/

关于CSS 在类里面写类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38077623/

相关文章:

Internet Explorer 中的 ASP.NET Gridview 水平对齐方式

html - 没有边框底部的 CSS 下划线颜色

html - 如何修复 IE 10 中不匹配的结束标记错误

python - 如何用自定义 __len__() 过程替换类 @property 的 len(..) 返回值?

java - 从给定实例动态创建扩展匿名类(在运行时覆盖实例中的方法)

javascript - 使用 querySelectorAll 检索直接子项

html - 调整浏览器大小时,主要内容 DIV 向上漂移

ruby - 向基本 Ruby 代码添加类结构

css - 使用 CSS3 nth-child 来交替 DIV 标签内图像的 float

html - 我可以选择一个以 "#"开头的 id