CSS样式覆盖问题 怎样阻止覆盖

html-css028

CSS样式覆盖问题 怎样阻止覆盖,第1张

请按照下面标准执行即可；

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，最后就是未指定通用样式；

一般直接问important的样式不被覆盖，这样是误解的，因为解决办法也需要使用important

解决办法一:

div{font-size:100px!important}

div{font-size:50px!important}

这样下面的样式就覆盖了上面的样式，使第一个样式失效

解决办法二:

<div style="font-size:30px!important">123456</div>

行内样式级别大于，外部样式，所以这样也可以去除以前设置的important的样式。

其他的方式，我还真没有找到能可以代替的办法，希望我的回答对你有所帮助！！！

第一个问题：

如果是对同一个样式多次定义，那么最后定义的样式会覆盖前面定义的样式，所以想多次定义又要保持自己独有的input标签样式，是没有办法的，你只能写三个不同的样式，分别给不同的定义，比如TextBox01 TextBox02 TextBox03这样来区分

对于第二个问题：

如果某个css只用于某个页面，那么可以给这个页面单独写一个css文件，单独调用。

另一个办法，不单独写文件的，可以给样式名称面前加个前缀，比如跟新闻频道的页面相关的样式都统一个"News_", 这样就不用担心覆盖到以前的样式了！