Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/haskell/9.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 我可以在CSS中使用白名单样式吗?_Html_Css - Fatal编程技术网

Html 我可以在CSS中使用白名单样式吗?

Html 我可以在CSS中使用白名单样式吗?,html,css,Html,Css,我有一个div,我只需要允许粗体、斜体和下划线样式 <div class="whitelist"> <span style="color:red;font-weight:bold"> Hello World </span> </div> 你好,世界 例如,此处的红色不应起作用,但粗体应起作用。CSS中有什么东西可以达到这种效果吗 基本上,这些内容是在我们将粗体、斜体和下划线样式作为唯一可能的stlye之前在WYSIWYG编辑器中创建的

我有一个
div
,我只需要允许
粗体
斜体
下划线
样式

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

你好,世界
例如,此处的
红色
不应起作用,但
粗体
应起作用。
CSS
中有什么东西可以达到这种效果吗


基本上,这些内容是在我们将
粗体
斜体
下划线
样式作为唯一可能的stlye之前在WYSIWYG编辑器中创建的。

我认为在纯CSS中无法做到这一点


您可以轻松地在javascript中创建一个函数来搜索
.whitelist
,并删除任何与白名单不匹配的属性。

我认为在纯CSS中无法做到这一点


您可以轻松地在javascript中创建一个函数来搜索
。白名单
,并删除任何与白名单不匹配的属性。

您可以使用
执行类似操作!重要信息
以您的风格

.whitelist, 
.whitelist * {
    color: initial !important; /* always force initial font color */
}
*
表示
中的所有元素。白名单

不利的一面是,这更像是一个黑名单,你可以强制所有你不想覆盖的样式


您可以使用
执行类似的操作!重要信息
以您的风格

.whitelist, 
.whitelist * {
    color: initial !important; /* always force initial font color */
}
*
表示
中的所有元素。白名单

不利的一面是,这更像是一个黑名单,你可以强制所有你不想覆盖的样式


不,您不能在CSS中这样做,但是如果您不想为该元素使用特定的样式,您可以通过
覆盖它!重要信息

为此,您可以使用

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

不,您不能在CSS中这样做,但是如果您不想为该元素使用特定的样式,您可以通过
覆盖它!重要信息

为此,您可以使用

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

白名单总是比较安全的,因为它很难预测其中的内容。@Nishant–在CSS中不可能列出白名单,因为如果我能提到
*
这可能会有所帮助。但是我想那只是不存在而已?不,但是列出你不想要的所有主要风格应该不会太多<代码>文本装饰
字体大小
,etcWhitelist总是比较安全,因为它很难预测里面有什么。@Nishant–不可能在CSS中列出白名单,因为如果我能提到
*
颜色的安装可能会有所帮助。但是我想那只是不存在而已?不,但是列出你不想要的所有主要风格应该不会太多<代码>文字装饰
字体大小
,等等是的,可怕的
字体大小:下划线
。。。。我相信你指的是
:bold
文本装饰:
,我的朋友。哈,没错!更正它,它总是让我困惑,因为粗体字母很胖,所以它们有额外的
字体重量
。斜体和斜体在需要样式时非常有用(更具体地说,
字体样式
)。在文本中添加行(上、下、中、下)就是在字体中添加额外的
文本装饰。我花了很长时间才在飞行中记住它们。啊,是的,可怕的
字体重量:下划线
。。。。我相信你指的是
:bold
文本装饰:
,我的朋友。哈,没错!更正它,它总是让我困惑,因为粗体字母很胖,所以它们有额外的
字体重量
。斜体和斜体在需要样式时非常有用(更具体地说,
字体样式
)。在文本中添加行(上、下、中、下)就是在字体中添加额外的
文本装饰。我花了很长时间才在飞行中记住它们。