我可以在CSS中列出样式吗？

Question

我有一个div我需要仅允许bold，italics和underline个样式。

<div class="whitelist">
    <span style="color:red;font-weight:bold"> Hello World </span>
</div>

例如，red不应该有效，bold应该有效。 CSS中是否有任何东西可以产生这种效果？

基本上这些是在WYSIWYG编辑器中创建的内容，然后我们强制bold，italics和underline样式作为唯一可能的stlye。

Answer 1

你可以在你的风格中使用!important来做这样的事情。

.whitelist, 
.whitelist * {
    color: initial !important; /* always force initial font color */
}

  

*表示.whitelist

中的所有元素

缺点是，这更像是一个黑名单，你强制所有你不想被覆盖的风格。

jsFiddle Demo

Answer 2

我认为你不能用纯CSS做到这一点。

您可以轻松地在javascript中创建一个功能来搜索.whitelist并删除与白名单不匹配的所有属性。

Answer 3

不，您不能在CSS中执行此操作，但如果您不想对该元素使用特定样式，则可以覆盖!important

为此你可以使用

.whitelist span{ 
  color : initial !important; //or put your default color
}