CSS：在特定段落類中設置`strong`的顏色

我是CSS樣式中的一個新手。我有一個樣式表，其中圖像標題<p class="caption">是黑暗的，而普通文本是黑暗的。這一般工作正常，但在樣式表中的其他地方設置爲strong {color: #XXX}，它似乎覆蓋我在CSS中的.caption標記中設置的顏色。CSS：在特定段落類中設置`strong`的顏色

我希望做的是一樣的東西：

p.caption strong {color:#YYY}

...給<strong>它自己的顏色的標題裏面，但是這顯然是不正確的語法。我該怎麼做呢？

html是自動生成的，我不太熟悉它的代碼，所以最好是純CSS的解決方案。

來源

2014-09-19 Thriveth

嘗試'p.caption> strong {color：#YYY！important}' – 2014-09-19 22:07:23

只需編寫'p.caption> strong {color：#YYY}'就行了。 – Thriveth 2014-09-22 14:58:36

如果你不能改變原有的CSS，嘗試重寫此值：

p.caption strong {color:#YYY !important}

來源

2014-09-19 22:07:04

語法p.caption strong {color:#YYY}是正確的，當然假設#YYY是一個真正的顏色值代替。如果它不起作用，那麼有一些其他樣式表使用更具體的選擇器和/或!important說明符來覆蓋它。你需要檢查另一個樣式表是否做什麼，並修改你的規則，使其「贏」。

開發人員工具（通常通過按F12鍵打開）可讓您看到哪些樣式表規則適用於元素。

如果另一個樣式表只設置strong {color:#XXX}，它將不會贏得您的規則。它可能有strong {color:#YYY !important}，在這種情況下，您也需要使用!important和更具體的選擇器。僅僅使用p.caption strong {color:#YYY} !important可能會有所幫助，但如果其他樣式表具有類似的規則，則不會這樣做，在這種情況下，您需要使選擇器更具體。這可能會導致像html body p.caption strong {color:#YYY}這樣的人爲選擇器。

來源

2014-09-20 04:26:38

CSS：在特定段落類中設置`strong`的顏色

回答

相關問題