所謂實踐出真知，只有自己動手去做了，才能得到正確的結(jié)論。

首先我們看看三種結(jié)合方式：

通過link標(biāo)簽引入外部css文件

通過style標(biāo)簽

通過style屬性

很長一段時間我受這個一段話影響：在html文件中，代碼的執(zhí)行順序是從外到內(nèi)，由上到下執(zhí)行的。所以一直認為的優(yōu)先級是這樣的：3>2>1。這是當(dāng)初看視頻時理解不到位。發(fā)現(xiàn)這個細節(jié)還是自己偶然間的測試。不是什么很重要的東西，所以先把結(jié)論擺出來。由于我也是個初學(xué)者，所以站在初學(xué)者的角度，我認為能用視頻解決的就不用圖片，能用圖片解釋的我就不用文字描述。

測試過的優(yōu)先級是：3>2=1。

結(jié)果圖：

這個其他情況我就不在測試了，這里style屬性的優(yōu)先級最高，沒什么爭議。

接下來就是重點了，分為兩種情況來說明問題：

測試一：style標(biāo)簽在link標(biāo)簽上方

測試二：style標(biāo)簽在link標(biāo)簽下方

測試一：style標(biāo)簽在link標(biāo)簽上方。不在給測試標(biāo)簽div設(shè)置style屬性。只比較style標(biāo)簽和外部引入的優(yōu)先級

測試一結(jié)論：外部引入的優(yōu)先級高

---

測試二：style標(biāo)簽在link標(biāo)簽下方。不在給測試標(biāo)簽div設(shè)置style屬性。只比較style標(biāo)簽和外部引入的優(yōu)先級

測試二結(jié)論：style標(biāo)簽優(yōu)先級高

---

總結(jié)：通過測試一和測試二不難知道，style標(biāo)簽和外部引入的css文件是沒有絕對的優(yōu)先級的，決定優(yōu)先級的是位置先后。從圖中可以看出，位置在后的優(yōu)先級高。

總結(jié)

以上是生活随笔為你收集整理的html中给div设置的属性怎么样才能拿得到_HTML与CSS结合的三种方式：优先级比较...的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。