停止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

回答

相關問題