【问题标题】:How to Protect an HTML element from it's respective assigned CSS如何保护 HTML 元素不受其各自分配的 CSS 的影响
【发布时间】:2014-07-13 20:48:30
【问题描述】:

好吧,我想知道如何避免特定的 html 元素被默认分配的 CSS 设置样式。让我用一个例子来解释:

假设我有一个图像元素,并为其分配了各自的默认 CSS (img{}),但如果我希望特定图像元素(如徽标或社交图标)获得默认 CSS 样式,那么我应该怎么做?

我知道 ID 被用于定位 CSS 中的特定元素,但我想知道它们是否是使用某些特殊标记或 CSS 或使用 div 等包装元素来克服默认值的任何其他方式。提前谢谢了! :)

【问题讨论】:

  • 你可以覆盖你想要的特定元素的默认值...
  • @NiettheDarkAbsol 伪元素呢?
  • “默认分配的 CSS”是什么意思?例如,您认为 img 可能包括什么?
  • @JukkaK.Korpela hmm 例如,让我们说链接具有其默认 css 属性,例如悬停、单击等,然后在创建自定义导航栏时,我为导航链接设置的默认颜色代码被默认 css 覆盖网站。
  • 所以您根本不是指默认值(当作者或用户样式表未分配值时浏览器使用的值),而是指某些站点范围样式表中的一些常规设置?

标签: html css


【解决方案1】:

没有办法阻止带有匹配元素的选择器的 CSS 规则应用于该元素。

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

【讨论】:

  • 我不能对元素使用 CSS 伪代码来克服默认值,只需在信息中阅读有关它的信息,顺便说一句,那篇文章真的很有帮助。 :)
  • 我不明白为什么你会认为伪类或伪元素可以帮助你解决这个问题。
  • 好吧,我想如果我可以为伪类提供不同的 CSS,那么我就可以覆盖某些特定元素的默认样式。如果我混淆了什么,请纠正我。
  • 包含额外伪类但在其他方面与提供不希望的样式的选择器相同的选择器会更具体(如本答案第二段所述)。虽然通常有更简单的方法来制作更具体的选择器(因为伪类是高度情境化的)。
  • 好的,我现在明白了!嗯,谢谢我今天学到了一些很棒的东西! :D
猜你喜欢
  • 1970-01-01
  • 2011-08-05
  • 2021-06-01
  • 2012-04-05
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2022-12-14
  • 1970-01-01
相关资源
最近更新 更多