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

html-css019

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_", 这样就不用担心覆盖到以前的样式了!