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

首先我們看看三種結合方式：

通過link標簽引入外部css文件

通過style標簽

通過style屬性

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

測試過的優先級是：3>2=1。

結果圖：

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

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

測試一：style標簽在link標簽上方

測試二：style標簽在link標簽下方

測試一：style標簽在link標簽上方。不在給測試標簽div設置style屬性。只比較style標簽和外部引入的優先級

測試一結論：外部引入的優先級高

---

測試二：style標簽在link標簽下方。不在給測試標簽div設置style屬性。只比較style標簽和外部引入的優先級

測試二結論：style標簽優先級高

---

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

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。