html css 重复,CSS重复定义的问题请教_html/css_WEB-ITnose
,是不是就無(wú)效了?
回復(fù)討論(解決方案)
外部css樣式和內(nèi)部css樣式同時(shí)存在,以內(nèi)部css樣式為準(zhǔn)。
內(nèi)部css樣式與標(biāo)簽的style屬性同時(shí)存在,以style屬性的樣式為準(zhǔn)。
你說(shuō)的這種情況應(yīng)該是兩者都會(huì)有效,但CSS類(lèi)的優(yōu)先級(jí)更高,如果存在相同的樣式屬性,CSS類(lèi)中的定義的樣式會(huì)覆蓋對(duì)ul li樣式。
CSS優(yōu)先級(jí): http://spemoon.github.com/blog/2011/09/06/css-priority/
你說(shuō)的這種情況應(yīng)該是兩者都會(huì)有效,但CSS類(lèi)的優(yōu)先級(jí)更高,如果存在相同的樣式屬性,CSS類(lèi)中的定義的樣式會(huì)覆蓋對(duì)ul li樣式。
CSS優(yōu)先級(jí):http://spemoon.github.com/blog/2011/09/06/css-priority/
我在外部CSS如此定義:ul#navmenu li:hover li a,ul#navmenu li.iehover li a { float: none; background:#6699CC; color:#FFFFFF; border-bottom:#FFFFFF solid 1px; text-align:left; padding-left:10px; width:180px; }ul#navmenu li:hover li a:hover,ul#navmenu li:hover li:hover a,ul#navmenu li.iehover li a:hover,ul#navmenu li.iehover li.iehover a { background:#99CC00; color:#FFFFFF;}
在頁(yè)面又定義一次:
然后這樣引用:
.style2{
background:#000000;
}
少了個(gè)點(diǎn)號(hào)。
.style2{
background:#000000;
}
少了個(gè)點(diǎn)號(hào)。
昏倒,又犯了低級(jí)錯(cuò)誤,真是太感激你了!馬上派分!!!
聲明:本文原創(chuàng)發(fā)布php中文網(wǎng),轉(zhuǎn)載請(qǐng)注明出處,感謝您的尊重!如有疑問(wèn),請(qǐng)聯(lián)系admin@php.cn處理
創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來(lái)咯,堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)總結(jié)
以上是生活随笔為你收集整理的html css 重复,CSS重复定义的问题请教_html/css_WEB-ITnose的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: 草菇的功效与作用、禁忌和食用方法
- 下一篇: html二级页面内容滑动,jQuery+