HTML+CSS 輕松入門之層疊
如果在html文件中對于同一個元素可以有多個css樣式存在并且這多個css樣式具有相同權重值怎么辦?好,這一小節(jié)中的層疊幫你解決這個問題。
層疊就是在html文件中對于同一個元素可以有多個css樣式存在,當有相同權重的樣式存在時,會根據(jù)這些css樣式的前后順序來決定,處于最后面的css樣式會被應用
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>層疊</title> <style type="text/css"> h1{ color:green; } h1{ color:red; } </style> </head> <body> <h1>php 中文網(wǎng)</h1> </body> </html>
最后 h1 中的文本會設置為 red,這個層疊很好理解,理解為后面的樣式會覆蓋前面的樣式
所以前面的css樣式優(yōu)先級就不難理解了:
內(nèi)聯(lián)樣式表(標簽內(nèi)部)> 嵌入樣式表(當前文件中)> 外部樣式表(外部文件中)。