当使用Chrome的DevTools判断元素时,在Elements选项卡中,右侧的"Styles"栏显示相应的CSS属性.有时,这些属性中的一些属性被删除.这些属性意味着什么?

推荐答案

当CSS属性显示为删除线时,表示应用了加划线样式,但随后被更具体的 Select 器、更本地的规则或同一规则中较新的属性覆盖.

(特殊情况:如果某个样式存在于匹配规则中,但被注释掉,或者通过在Chrome developer工具中取消选中手动禁用,则该样式也将显示为已删除.如果该样式存在语法错误,则该样式也将显示为已删除,但带有错误图标.)

例如,如果对所有div个应用了背景色,但对具有特定id的div个应用了不同的背景色,则第一种 colored颜色 将显示,但将被划掉,因为第二种 colored颜色 已将其替换(在具有该id的div的属性列表中).

Css相关问答推荐

为什么盒影没有显示在我的Angular组件中?

自定义kendo色彩 Select 器中的清晰按钮

如何在元素上打孔才能看到下面的背景图像?

如何在CSS中创建水平/垂直对称的虚线边框?

如何使背景出现在具有自己背景 colored颜色 的子元素上

CSS关键帧中使用transform-origin存在问题的解决方案

设置初始大小并记住分配的最后大小

CSS 字符串变量的正确null值是多少?

antd 中的子菜单项不可滚动

在嵌套的弹性框中创建弹性项目之间的空间

仅对父容器应用模糊效果

选中时从 HTML 文本输入中移除蓝色光晕

如何使表格中一行的最后一个单元格占据所有剩余宽度

如何通过 JavaScript 重新触发 WebKit CSS 动画?

水平列表项

rotate3d 速记

表格溢出时水平滚动

我应该如何组织我的 CSS 文件的内容?

如何在 React 应用程序中使用 CSS 模块应用全局样式?

CSS关键帧动画CPU占用率高,应该这样吗?