CSS样式覆盖问题
<html>
<head><style>。。已经定义了DIV class="3"的样式。。 </style>
<head>
<body>
<div class="3">
</div>
<div class="1">
<table class="a">
<div class="2">
************************
</div>
</table>
</div1>
<body>
我的问题是如何在星号“*”部分键入代码 来覆盖<head>中已经定义过的div class=3de 样式？
还有<head>中的样式如果是外部css文件又如何覆盖？
请按照下面标准执行即可；
1.行内样式＞指定样式＞通用class样式>通用未指定CLASS样式
2.例子：
1）<div style="...">aaaaaa</a>这就是指定用style的行内样式；
2）<div id="side" >aaaaaa</div>这就是指定id使用side样式；
3）<div class="ot">aaaaaa</div>这就是指了通用的class为ot的样式；
4）如<body><table><tr><th>这些一开始样式文件就定义好全程的样式，为通用为指定的样式；
最高就是指行内样式，接着就是指定ID的，然后就是CLASS，最后就是未指定通用样式；追问
1.行内样式＞指定样式＞通用class样式>通用未指定CLASS样式
2.例子：
1）<div style="...">aaaaaa</a>这就是指定用style的行内样式；
2）<div id="side" >aaaaaa</div>这就是指定id使用side样式；
3）<div class="ot">aaaaaa</div>这就是指了通用的class为ot的样式；
4）如<body><table><tr><th>这些一开始样式文件就定义好全程的样式，为通用为指定的样式；
最高就是指行内样式，接着就是指定ID的，然后就是CLASS，最后就是未指定通用样式；追问
您说的有点复杂了~~呵呵 就在这个问题中吧 如果我想在DIV class=“2”中修改DIV class=“3”的样式，可以修改吗？ 直接用 吗？
还有如果里面的div 3的样式不是定义的，而是外部css文件，要在DIV 2中改变DIV 3的格式又该怎样处理？
CSS还有一个最重要的原则就是就近原则！越接近内容的样式越优先!
针对你的问题：可以！
温馨提示：内容为网友见解，仅供参考
第1个回答 2012-08-27
很简单，你直接在这个div上添加样式就行了。
<div class="3" style="width:200px;......"></div>
你看一下那个div class 3 里面都定义了哪些。
比如定义了width height padding什么，你想调整哪个，就直接在上面的style后面加就行了，会覆盖，要注意一致就OK了。
<div class="3" style="width:200px;......"></div>
你看一下那个div class 3 里面都定义了哪些。
比如定义了width height padding什么，你想调整哪个，就直接在上面的style后面加就行了，会覆盖，要注意一致就OK了。
第2个回答 2012-08-26
CSS是按照权重去应用样式的，如果权重一样就按照它的先后顺序来应用样式，所以写在后面的样式权重只要不低于（注意是“不低于”）前面的，都可以实现覆盖
第3个回答 2021-01-24
Vue实践-CSS样式position/display/float属性对比使用
