Win10 64位裝置小我版SQL2000圖文教程。本站提示廣大學習愛好者:(Win10 64位裝置小我版SQL2000圖文教程)文章只能為提供參考,不一定能成為您想要的結果。以下是Win10 64位裝置小我版SQL2000圖文教程正文
本身做點小法式的時刻發明在一個標簽中的分歧兩個類給統一屬性設定了分歧值的時刻,終究屬性取值的特色:
下面這句話有夠拗口的,用例子解釋一切吧。
csstest.html:
<!DOCTYPE HTML>
<html>
<head>
<title>CSStest</title>
<link rel="stylesheet" href="1.css" />
<link rel="stylesheet" href="2.css" />
</head>
<body>
<!-- 類 a b c d 在1.css中,類 e 在2.css中 -->
<p class="a b">aaaaaaa</p>
<p class="b a">bbbbbbb</p>
<p class="c e">ccccccc</p>
<p class="e c">ddddddd</p>
<p class="d e">eeeeeee</p>
<p class="e d">fffffff</p>
</body>
</html>
1.css
.a{
cursor: pointer;
font-size: 1em;
}
.b{
cursor: move;
font-size: 2em;
}
.c{
cursor: crosshair;
font-size: 3em;
}
.d{
cursor: help;
font-size: 4em !important;
}
2.css
.e{
cursor: progress;
font-size: 5em;
}
最初在閱讀器審查元素的時刻發明:
1、第一第二段落中,鼠標款式都為move,字體年夜小都為2em,僅類b施展了感化。
則解釋:不管在標簽中class屬性裡類的次序若何,終究雷同的屬性值取css文件中聲明地位最初的誰人。
2、第三第四段落中,鼠標款式都為progress,字體年夜小都5em,僅類e施展了感化,而在加載html頁面的時刻,先加載1.css,再加載2.css。
則解釋:不管在標簽中class屬性裡類的次序若何,終究雷同的屬性值取最初加載的css文件中聲明地位最初的誰人。
3、第五第六段落中,鼠標款式都為progress,字體年夜小都4em,類e起效,類d因為設定了!important,也起效。
則解釋:設定了!important的值會優先被拔取。
後來我又測試了一下,把e中的font-size也加上!important以後,字體年夜小會變成5em,則關於都設定了!important的屬性值來講,遵守下面的紀律。