我想将 CSS 文件中的规则应用于某个 div/类，例如，events.css 的内容仅应用于名为 .events 的类的内容，而不需要添加到此范围之外类 .events 到每个 css 规则的开头。
我认为这是不可能的——但你永远不知道。
如果不是，我正在考虑通过在上传/编辑后将 .events 前缀到 CSS 规则来实现相同的效果。我认为这应该是没有问题的，但是有人预见到任何问题吗？
问问题
628 次
5 回答
1
如果不是，我正在考虑通过在上传/编辑后将 .events 前缀到 CSS 规则来实现相同的效果。我认为这应该是没有问题的，但是有人预见到任何问题吗？
这是唯一的方法，应该没问题。
于 2009-09-16T11:14:38.730 回答
1
从维护的角度来看，在 CSS 规则中简单地包含“.event”会更安全。几个月后，您可能已经忘记了在这里为节省一点打字而玩的技巧。
于 2009-09-16T11:15:03.513 回答
1
我认为这是不可能的
的确。除非您将有问题的内容放在 iframe 中。然后，您将获得一个完整的单独文档以进行不同的样式设置。
我正在考虑通过在上传/编辑后将 .events 前缀到 CSS 规则来实现相同的效果。我认为这应该是没有问题的，但是有人预见到任何问题吗？
以自动化方式？您需要能够解析 CSS 输入以确定选择器的开始位置。
这并不像您认为正确的那样微不足道：
/* This is my grate CSS
.sausage { color: red; } adds a class rule
/*/ .eggs, .bacon { color: red; }
.potato:before { content: "; }
.beans { content: "; }
是一个难以解析的 CSS 示例。.eggs,.bacon并.potato开始选择器并需要一个.events前缀。.sausage而.beans不是。
于 2009-09-16T11:28:48.667 回答
0
简而言之，唯一的方法是在每个规则前面加上.events.
但是我会避免自动执行此操作，因为很容易出错，例如.events手动添加规则，这会使它加倍。如果你想跨页面共享一些样式，比如.events.special然后.aboutus.special你需要把它们放在其他地方。
通常最好使用一个样式表而不是每个部分一个样式表，这样用户在访问后续页面时会将其缓存起来。（您可以在生产环境中对其进行压缩和 gzip 压缩以减少初始下载时间。）
于 2009-09-16T11:28:42.210 回答
0
我会将“.events”类添加到选择器中。作为手动过程执行此操作存在人为错误的风险。这是一种将选择器添加到所有 CSS 类的过程部分自动化的方法。
或者你可以使用这个自动前缀，但它似乎不能很好地处理你的选择器之间的空格。
于 2016-05-13T09:48:33.317 回答