css内联样式_如何覆盖内联CSS样式

css内联样式

本文写于2009年，至今仍是我们最受欢迎的帖子之一。 如果您想了解有关CSS的更多信息，您可能会发现这篇有关CSS技术的文章对视网膜显示非常感兴趣。

CSS的最强大功能之一就是层叠。知道浏览器如何选择和应用样式是非常宝贵的知识。鉴于样式的使用受到包括CSS的方法，规则顺序，选择器的指定方式以及特殊声明（如!important ）的影响，新手特别容易感到困惑。

内联样式是HTML本身定义的样式，例如

<p>This is an
<strong style="color: red;">inline style that should be blue</strong>
.</p>

内联样式在所有CSS中具有最高优先级。通常，我建议您避免使用它们，并将CSS声明放置在外部文件中。但是，如果您在旧系统上工作或无法直接访问HTML代码，则可能没有那么奢侈。

幸运的是，有一种方法来覆盖从外部样式内嵌样式：

strong[style] { color: blue !important; }

在上面的示例中，这将强制strong标签中的文本变为蓝色。该方法似乎可以在所有主流浏览器中使用，包括：

Internet Explorer 8.0
Mozilla Firefox 2和3
歌剧9
Apple Safari，以及
谷歌浏览器

Internet Explorer 6和7是明显的例外。但是，这种技术不是您每天都应该使用的技术。保持CSS整洁，仅在绝对没有替代方法时才覆盖内联样式。

并且，如果您喜欢阅读这篇文章，您会喜欢Learnable的； 向大师学习新鲜技能的地方。 会员可以立即访问所有SitePoint的电子书和交互式在线课程，例如实用CSS 。

本文的评论已关闭。 对CSS有疑问吗？ 为什么不在我们的论坛上提问呢？

翻译自: https://www.sitepoint.com/override-inline-css/

css内联样式

css内联样式_如何覆盖内联CSS样式相关推荐

Java太内卷了_程序员内卷已成常态？java开发该何去何从
前言内卷一个词最近一直很火,什么是内卷?百度了一下,上面是这么解释的: 是不是感觉有点听不懂,举个例子,某个事业单位招一个保安,本来随便一个小学文化的人都能胜任,但是因为这个单位福利好,想来当保安的 ...
css border 虚线间距_一小时快速了解 CSS 基础
这一章,我们开始学习 CSS 样式表有关的知识点,通过 CSS 来控制 HTML 标签和元素的样式的方法和规范. 当然,结合视频观看效果更佳. CSS 和 HTML 不是同一种代码语言,所以自然语法书 ...
css 商城两列_你需掌握的CSS知识都在这了（长文建议收藏，文末有福利）
1.CSS盒模型,在不同浏览器的差异 css 标准盒子模型 css盒子模型又称为框模型(Box Model),包含了元素内容(content).内边距(padding).边框(border).外边距 ...
块元素、行内块和内联元素_如何删除内联块元素之间的空间？
块元素.行内块和内联元素 Introduction: 介绍: This question has become rather popular. How does one remove whitespa ...
pandas内置绘图_使用Pandas内置功能探索数据集
pandas内置绘图 Each and every data scientist is using the very famous libraries for data manipulation th ...
css background 充满自适应_剖析一些经典的CSS布局问题，为前端开发+面试保驾护航...
一.让一个元素水平垂直居中,到底有多少种方案? 水平居中对于行内元素: text-align: center; 对于确定宽度的块级元素: width和margin实现.margin: 0 auto ...
css菜单缓慢滑动_如何使用HTML，CSS和JavaScript构建滑动菜单栏
css菜单缓慢滑动 by Supriya Shashivasan 由Supriya Shashivasan 如何使用HTML,CSS和JavaScript构建滑动菜单栏 (How to build a ...
css删除li 圆点_六种设计难题的CSS实用技巧！
前言最近在恶补css的知识,看到<css揭秘>一书,如获至宝.下面节选一部分笔记. 一.扩大按钮的点击范围对于哪些较小的.难以瞄准的控件来说,如果不能把它的视觉尺寸直接放大,将其可点击 ...
css网页设计作业_小姐姐用 HTML + CSS 画油画？谁能想到前端还有这么一手操作！...
GitHub 项目上好项目真的很多,但作者长的这么漂亮的肯定屈指可数了. 用 HTML + CSS 画油画如图所示,这位小姐姐的名字叫 Diana Smith ,在她的个人博客上介绍自己是一位 Ja ...

css内联样式_如何覆盖内联CSS样式

css内联样式_如何覆盖内联CSS样式相关推荐

最新文章

热门文章