停止CSS属性

What do the crossed style properties in Google Chrome devtools mean?停止CSS属性

的首要在考察使用Chrome的devtools的元件，在元件选项卡上，右手侧“样式”栏中示出了相应的CSS 性质。有时候，这些属性中的一些会受到打击。这些属性是什么意思？

答案 - https://stackoverflow.com/a/3047117/2232902

这意味着划掉的风格被应用，但随后被更具体的选择，更局部的规则重写，或在同一稍后财产规则。

有没有办法来防止这种行为？即 - 停止财产的重写。

注 - 我无法控制选择器。

2014-12-05 rahulroy9202

如果它位于已发布的网站上，并且它只有一个或两个要更改的属性，则可以双击该属性，然后将！重要添加到最后。如果它是您自己的网站，只需将规则放在css文件的下方，或确保它是更具体的选择。 **注意：**虽然不是'开发友好'，但也可以选择放置样式（它们有更高的优先顺序） – jbutler483 2014-12-05 10:51:11

划掉的属性也可以表示它们是无效的（在Chrome开发工具中也有一个带有'！'符号的黄色三角形） – 2014-12-05 10:56:59

您可以在您的CSS代码中添加分号前的!important。

.example-class { 
    width: 500px !important; 
}

你可以阅读它here

来源

2014-12-05 10:50:43 dqiu

不是真的，这就是浏览器如何渲染网页。

你能坚持一个重要的在你的CSS：

.example { 
    color: red !important; 
}

或者你可以使用JavaScript在页面加载后更改元素的风格。

来源

2014-12-05 10:53:19

停止CSS属性

回答

相关问题