避免樣式在工作表中只適用於一個元素

Question

我有一個樣式表包含影響頁面中兩個元素的樣式，我無法更改我的元素的類，有沒有什麼方法可以確保樣式只適用於我頁面中的一個特定元素，而不適用於其他頁面。

Answer 1

您是否嘗試過第一種類型的選擇器？

ex。

p:first-of-type { 
    background:#ff0000; 
} 

Answer 2

是的。你可以通過特異性做到這一點。

選擇最頂層的父母並繼續定位他們的孩子，直到您到達需要應用樣式的最後一個子元素。

如果你可以給它添加一個id，或者如果有任何id是動態生成的，只需要爲它創建一個特殊的，你就可以完成你的工作。

例如，

body div#your id name div.your_class1 > div.your_class_element_that_you_want_to_style{/* your values */} 

希望這有助於。

PS：在圖中，div用作參考，您可以根據您的HTML結構選擇相應的元素。

Answer 3

如果有兩個，你用:first-of-type選擇：

div.selector:first-of-type { 
    /* styles here */ 
}