国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

同級情況下CSS的優先級探討

2024-07-11 08:39:55
字體:
來源:轉載
供稿:網友

假如兩個或更多的規定在應用了前三個規定具有相同優先級,則后給出的規則優先于早先給出的規則。如果在網頁的HEAD標記中同時使用了STYLE標記符(指定嵌入式樣式)和LINK標記符(指定鏈接式樣式),并且這兩個樣式指定中同時應用了具有同一優先級別的樣式,則STYLE標記符和LINK標記符的先后順序將決定樣式的優先級。例如,如果在LINK所鏈接的樣式表(mycss.css)中定義了以下一條樣式規則:

H1{color:red}同時在嵌入式樣式定義中也定義了一條規則:H1{color:yellow}在網頁中的樣式定義如下所示:<HEAD><LINK rel=stylesheet href="mycss.css" type="text/css"><STYLE><!–H1{color:yellow}–></STYLE></HEAD>

由于STYLE標記符中定義的樣式后出現,因此它具有更高的優先級,所以網頁中H1標記符的內容將顯示為黃色(yellow)。同樣,如果將Link標記符的位置移動到<STYLE></STYLE>標記符之后,則網頁中H1標記符的內容將顯示為紅色(red)。另外,由于直插式樣式(使用HTNL標記的style屬性設置的樣式)的位置最接近于樣式作用的標記符,因此它通常具有高優先級。

@import導入式是在嵌入式里面插入的,但是在測試的過程中,卻是優先級最低的,因此我認為是瀏覽器加載完畢后導入樣式表時,優先解析了導入的內容,所以成為被后面同級樣式覆蓋。

在同級的情況下的優先級是:行內樣式>內嵌式=link鏈接式(誰順序后,誰優先級高)>@import導入式

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 新建县| 海口市| 安化县| 汝阳县| 郑州市| 枣强县| 罗源县| 西平县| 赣州市| 房山区| 河津市| 新巴尔虎右旗| 陆良县| 磐石市| 饶河县| 桦南县| 博客| 沙湾县| 昌乐县| 抚松县| 甘洛县| 长葛市| 临汾市| 读书| 嘉定区| 夏邑县| 周至县| 津南区| 乌鲁木齐市| 合阳县| 石嘴山市| 琼中| 吴旗县| 湘潭县| 临桂县| 微山县| 刚察县| 阳原县| 广平县| 玉溪市| 资阳市|