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
或文本装饰:
,我的朋友。哈,没错!更正它,它总是让我困惑,因为粗体字母很胖,所以它们有额外的字体重量
。斜体和斜体在需要样式时非常有用(更具体地说,字体样式
)。在文本中添加行(上、下、中、下)就是在字体中添加额外的文本装饰。我花了很长时间才在飞行中记住它们。