|
導讀網(wǎng)頁的本質(zhì)就是超級文本標記語言,通過結(jié)合使用其他的Web技術(shù)(如:腳本語言、公共網(wǎng)關(guān)接口、組件等),可以創(chuàng)造出功能強大的網(wǎng)頁。因而,超級文本標記語言是萬維網(wǎng)(Web)編程的基礎(chǔ),也就是說萬維網(wǎng)是建立... 網(wǎng)頁的本質(zhì)就是超級文本標記語言,通過結(jié)合使用其他的Web技術(shù)(如:腳本語言、公共網(wǎng)關(guān)接口、組件等),可以創(chuàng)造出功能強大的網(wǎng)頁。因而,超級文本標記語言是萬維網(wǎng)(Web)編程的基礎(chǔ),也就是說萬維網(wǎng)是建立在超文本基礎(chǔ)之上的。超級文本標記語言之所以稱為超文本標記語言,是因為文本中包含了所謂“超級鏈接”點。 在工作中經(jīng)常會遇到因為選擇器優(yōu)先級導致的樣式無法呈現(xiàn),這個時候就要用到一個特殊的CSS屬性,就是!important。!important使屬性值有最高優(yōu)先級,可以用它來設(shè)置想要的樣式。那接下來就和大家講講CSS中!important 怎么使用,有需要的小伙伴過來看看吧。一、CSS !important 的作用和用法 作用:提升指定樣式規(guī)則的應用優(yōu)先權(quán),即!important提供了一個增加樣式權(quán)重的方法,讓瀏覽器首選執(zhí)行這個語句。 二、CSS !important 實例解析 代碼第一行設(shè)置了父元素里面所有div中字體色為紅色,第二行和第三行都用class重新定義了自身div的字體色為藍色,不同的是,第三行使用important,而第二行沒有使用了!。 HTML部分: <div id="father">
<div class="aa">PHP中文網(wǎng)歡迎大家來學習</div>
<div class="bb">PHP中文網(wǎng)歡迎大家來學習</div>
</div>CSS部分: #father div{
color:red;
}
.aa{
color:blue;
}
.bb{
color:blue !important;
}效果圖:
從圖片可以看出結(jié)果,那為什么會這樣呢? 默認情況下,ID選擇器的優(yōu)先級高于類選擇器,所以,第二行中即使用class重定義了自身樣式,也無法生效,所以繼承父級屬性,這行字還是紅色。 但是,第三行中,用了important,是其具有最高的優(yōu)先級,所以這里的css樣式生效了,字變?yōu)榱怂{色。 注意: 1、IE6及更早瀏覽器下,!important在同一條規(guī)則集內(nèi)不生效。 以上就是圖文詳解CSS中!important 的使用方法的詳細內(nèi)容,更多請關(guān)注php中文網(wǎng)其它相關(guān)文章! 網(wǎng)站建設(shè)是一個廣義的術(shù)語,涵蓋了許多不同的技能和學科中所使用的生產(chǎn)和維護的網(wǎng)站。 |
溫馨提示:喜歡本站的話,請收藏一下本站!