避免样式在工作表中只适用于一个元素

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 */ 
}