如何保护HTML元素与其各自分配的CSS

Question

我希望知道如何避免特定的html元素被默认分配的CSS设置为它。让我用一个例子来解释：

假设我有一个图像元素，它分配了相应的默认CSS（img {}）但是如果我想要一个特定的图像元素（如徽标或社交图标）来获取默认的CSS样式，那么我该怎么办？

我知道ID用于定位CSS中的特定元素，但我想知道它们是否是使用某些特殊标记或CSS执行此操作的任何其他方式，或者使用div等包装元素来克服默认值。提前谢谢了！ ：）

Answer 1

使用与应用于该元素的元素匹配的选择器无法阻止CSS规则。

您可以做的最好的事情是编写更具体的规则，以使用不同的值覆盖它们。您可以在支持它的浏览器中使用the initial keyword。