html – 消除(重置)特定元素的CSS样式?

html – 消除(重置)特定元素的CSS样式?,第1张

概述好的,我有一个美丽的网页,其风格在CSS和一切 但是现在我发现了一个问题,我希望ONE列表是处女,没有任何风格继承下去。 我知道我可以做它只是给它一个风格=“(…)”,所以它覆盖继承的风格,但是,有没有任何指示/技巧/做什么没有这样做? CSS Cascading and Inheritance Level 3规范引入了一次重置所有属性的功能。这是通过使用值为 initial或 unset的速记属 好的,我有一个美丽的网页,其风格在CSS和一切

但是现在我发现了一个问题,我希望ONE列表是处女,没有任何风格继承下去。

我知道我可以做它只是给它一个风格=“(…)”,所以它覆盖继承的风格,但是,有没有任何指示/技巧/做什么没有这样做?

解决方法 CSS Cascading and Inheritance Level 3规范引入了一次重置所有属性的功能。这是通过使用值为 initialunset的速记属性 all来实现的,具体取决于是否需要重置继承的属性。

请注意,这些与浏览器默认值无关。

该功能适用​​于firefox 27,Chrome 37和Opera 24。

在功能被广泛实现之前,您可以使用“命名空间”类。例如,为了将布局样式与内容样式分开,我通常使用内容类作为所有内容样式的命名空间。

简化示例:

/* Global styles for ul Lists. */ul {List-style: none; margin: 0; padding: 0; }/* Styles for ul Lists insIDe content block. */.content ul {List-style: disc; margin: 1em 0 1em 35px; }
总结

以上是内存溢出为你收集整理的html – 消除(重置)特定元素的CSS样式?全部内容,希望文章能够帮你解决html – 消除(重置)特定元素的CSS样式?所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1115840.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-29
下一篇 2022-05-29

发表评论

登录后才能评论

评论列表(0条)

保存