HTML元素定义 ID，Class，Style的优先级

#footer{width:500px;height:220px;background-color:Red}
div.footer2{width:500px;height:220px;background-color:gray}
<div id="footer" class="footer2" style="background-color:blue" ></div>

上面的div背景最终将显示内联样式style的 blue

如果去掉style属性

<div id="footer" class="footer2" ></div>

将显示 id选择器的 Red背景色

所以他们的关系是内联Style>ID >Class;

转载于:https://www.cnblogs.com/HCCZX/archive/2012/01/14/2322494.html

HTML元素定义 ID，Class，Style的优先级相关推荐

使用＜style＞标签为元素定义CSS样式
在 CSS 中,页面样式的属性有几百个,但常用的不过几十个. 当我们输入<h2 style="color: red">兔子时,就给h2元素添加了inline style ...
可以对同一个html元素定义不同的样式,CSS的多种选择器的使用.ppt
什么是样式选择器是样式选择器当定义一条样式规则时必须指定受这条样式规则作用的网页元素在一条规则中定义的网页元素就是选择器也就是选择该样式规则作用于的网页元素选择器有标签就用选择器选择符就是赋予内部或外 ...
如何使用jQuery获取元素的ID？
<div id="test"></div> <script>$(document).ready(function() {alert($('#te ...
CSS之常用选择器（元素、id、类、通配选择器）
<!DOCTYPE html> <html><head><meta charset="UTF-8"><title>< ...
细说HTML元素的ID和Name属性的区别
细说HTML元素的ID和Name属性的区别可以说几乎每个做过Web开发的人都问过,到底元素的ID和Name有什么区别阿?为什么有了ID还要有Name呢?! 而同样我们也可以得到最classical的 ...
HTML元素的ID和Name属性的区别[转]
我们也可以得到最classical的答案:ID就像是一个人的身份证号码,而Name就像是他的名字,ID显然是唯一的,而Name是可以重复的. 上周我也遇到了ID和Name的问题,在页面里输入了一个in ...
论 js中：（class、id）出乎意料的优先级？- 案例篇
文章目录论 js中:(class.id)出乎意料的优先级?- 案例篇看图说明 · 案例场景: 重要代码 · 解析 · `提示`: `class / id` 在`js`中抓取的`优先级`:`[代码点 ...
js获取鼠标所在html元素的id和属性
js获取鼠标所在html元素的id和属性: Code: <div onclick="Get_srcElement()"> <div id="001&qu ...
获取触发事件的元素的ID
有什么方法可以获取触发事件的元素的ID? 我在想类似的东西: <html><head><script type="text/javascript" s ...

HTML元素定义 ID，Class，Style的优先级

HTML元素定义 ID，Class，Style的优先级相关推荐

最新文章

热门文章