•  12-09-2019
  •  | 
  •  

题

我一直希望能够包括一个风类在另一个。例如

med-font {
  font-size:12px;
}

#message a {
  style: med-font;
  color: blue;
  ...
}

/* lots of other styles, some of which use med-font */

显然，这是一个精简的例子，但关键的一点是，所有这些锚标签内#消息不应该需要明确的类别或身份证。现在我要么重复的字体大小的每个班级，需要它或添加类的东西，否则不会需要它。因为我想要容易控制的字体大小从一个地方，我通常会开始加入课程。

另一种方案是分开的定义"#消息"在这个实例(见下文)。这一工作确定的小项目，但为较大的项目，这实际上是我的最少赞成的解决方案。它使网站维护非常困难的，如果你拥有许多类分裂和散布各地的大型风格的文件。

med-font, #message a {
  font-size:12px;
}

#message a {
  color: blue;
  ...
}

所以我的问题是两部分：1.这不会烦扰他人?2.没有人知道，如果这种特征是正在考虑CSS3?

编辑： 添加例html体和详细信息...

主要的一点是，添加一个类属性的20锚下设置自己的字体大小是繁琐。

<div id="username" class="med-font">schickb</div>
<div id="message">
  <div id="part1">
    <a href="whatever">text</a>
    <!--lots more tags and say 6 anchors -->
  </div>
  <div id="part2">
    <a href="foo">text</a>
    <!--lots more tags and say 8 anchors -->
  </div>
</div>
<div id="footer"> <!-- footer anchors should be a smaller font-size -->
    <a href="boo">lala</a> 
    <p class="med-font">Company Name</p>
    <!-- other tags and 3 more anchors -->
</div>

记住，一个重要的目标是要有一个地方"med-字体"是宣布因此，很容易调整。在我的实际项目，也有小型、中型和大字体的风格。我只想要一个宣言》为每个这样，我没有必要通过搜索css说改变12px到11px.

最好的解决方案目前添加"med-字体"类中的所有锚体，与"小字体"类的所有船锚的脚注。但我宁愿做什么，我发现最初，并简单，包括所需的字体的样式"#消息"和"#脚注a"。

摘要： 我想CSS要更多 干

有帮助吗？

解决方案

这也正是指南针框架所擅长的。萨斯允许的变量，这使得编码/维护样式表很容易和愉快的体验。

其他提示

没有，它不会激怒我，因为你可以使用多类元素，都将匹配：

.idiot {
   color:pink;
   text-decoration:underline;
}

.annoying {
   font-weight:bold;
}

/* and if you want to get REALLY specific... */
.annoying.idiot {
   background-image('ann.jpg');
}
...

<div class="annoying idiot">
   Ann Coulter
</div>

个人而言，我发现这是一个更灵活的解决方案的问题。举例来说，在jQuery的（或其他框架），你可以添加和删除这些类 - 最常见的，你会添加一个“选择”类或东西，可能这样做的亮点表格单元格，当有人点击到拨动它，你只是删除了“选择”类。尤伯杯优雅IMO。

在回答您的编辑，所有你必须做的，从所有的A链接删除CSS将做这样的事情：

#message > div > a {
   font-size:12px;
}

#footer > a {
    font-size:10px;
}

凡>符号表示“是的子”

，或者更一般（但是这会也匹配的A直接内部#message和任何更深 - 空间的意思是“是的任何后代”）

#message a {
   font-size:12px;
}

#footer a {
    font-size:10px;
}

看一看SASS，这可能会做你想做的。它允许嵌套CSS结构，然后可将其转化为CSS。我想。

在我看来，事实上，你不能做到这一点是完全可以的，因为你的CSS应该尽可能保持straightfoward。对CSS的最大优点，如迈克尔Kay的XSLT参考提及（耶XSTL ......我知道），是CSS非常简单，非常容易理解。

我没有看多的地方就知道把一个类上标签的造型效果（以及可能，但仍然）。

这对我来说将是1号。至于2没有，它已被讨论，我不认为这会成为标准的一部分。

CSS是不是一种编程语言，它从未意味着是和（在此阶段）永远不会。你在谈论在W3C和WHATWG已经讨论过很多次，前

OH和回答1）它不烦扰我

  1. 不，它不惹恼了我，IE6让我很烦:)

  2. 这将是一个有用的特征，特别是在css框架，但是，我们不鼓励把所有我们css成一个文件，现在对"优化".我还没有听到任何传言有关这种特征在css3，但仍然有一段路要走上，规范，所以谁知道，它可以让它在如果你做足够的噪音吧！

许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top