*{color:blue;font-size:20px;}和body{color:blue;font-size:20px;}
body{color:blue;font-size:20px;}
為何這樣 勇氣兩個字不會變成20px?
body{color:blue;font-size:20px;}和*{color:blue;font-size:20px;}效果不是一樣嗎?
body{color:blue;font-size:20px;}
為何這樣 勇氣兩個字不會變成20px?
body{color:blue;font-size:20px;}和*{color:blue;font-size:20px;}效果不是一樣嗎?
2019-02-18
舉報
2019-02-18
因為“勇氣”加了<h1>標簽,瀏覽器會自動將勇氣的字體放大
2019-03-29
通用選擇器(Universal Selector) 會阻斷(override)繼承機制。
https://meyerweb.com/eric/articles/webrev/200006a.html
2019-02-18
當然不一樣,這涉及到CSS權重問題,*通配符的CSS權重最低(權重數值為1,具體各個權重數值自行百度:CSS權重)。
有些標簽(如a標簽)天生自帶一些效果,自帶的權重都會比都會把通配符*權重高,所以即使用*改變了字體效果,有些標簽自帶的效果還是會替換掉*設置的效果。
而標簽選擇器(body)的CSS的權重要高于標簽自帶屬性的權重,所以字體會都變色。
2019-02-18
可能是優先級問題,*的優先級大于h1標簽的優先級,所以先執行了*{? } 中的CSS代碼