為什么在Vscode和chrome里,通配符反而是優(yōu)先級最高的...???
<!DOCTYPE html>
<html>
<head>
? <meta charset="UTF-8" />
? <meta name="viewport" content="width=device-width, initial-scale=1.0" />
? <style type="text/css">
? ? #thh {
? ? ? color: blue;
? ? }
? ? .tb {
? ? ? color: red;
? ? }
? ? thead {
? ? ? color: white;
? ? }
? ? * {
? ? ? color: blueviolet;
? ? }
? </style>
? <title>AV女星陳列表</title>
</head>
<body>
? <table border="2">
? ? <caption>
? ? ? AV女星信息
? ? </caption>
? ? <thead id="thh" class="tb" style="color:orange;">
? ? ? <th>姓名</th>
? ? ? <th>身高</th>
? ? ? <th>三圍</th>
? ? </thead>
? ? <tbody>
? ? ? <tr>
? ? ? ? <td>杉原杏璃</td>
? ? ? ? <td>157</td>
? ? ? ? <td>B89(G35) W59 H80</td>
? ? ? </tr>
? ? ? <tr>
? ? ? ? <td>橋本愛實</td>
? ? ? ? <td>168</td>
? ? ? ? <td>B88(E) W68 H87</td>
? ? ? </tr>
? ? ? <tr>
? ? ? ? <td>清水愛理</td>
? ? ? ? <td>156</td>
? ? ? ? <td>B88(H) W58 H850</td>
? ? ? </tr>
? ? ? <tr>
? ? ? ? <td>染谷有香</td>
? ? ? ? <td>173</td>
? ? ? ? <td>B92(G) W60 H88</td>
? ? ? </tr>
? ? </tbody>
? ? <tfoot>
? ? ? <tr>
? ? ? ? <td>平均指數(shù)</td>
? ? ? ? <td>163.5</td>
? ? ? ? <td>罩杯F~G間</td>
? ? ? </tr>
? ? </tfoot>
? </table>
</body>
</html>
如圖
刪除通配符后
刪除內(nèi)聯(lián)后...
2020-07-02
通配符 是優(yōu)先級最低, 或者說對優(yōu)先級沒有影響的選擇器, 代碼中通配符*匹配的是所有元素即包括thead, tr, th, td, 換言之, tr, th, td的文字樣式是 color: blueviolet;?
而thead的顏色還是 orange
只不過被tr, th的顏色覆蓋掉了
如果有幫助, 請給個最佳答案吧, 謝謝
2020-07-14
你做的這個表好騷啊
2020-07-02
圖形先后順序顛倒了，其余沒啥問題！
2020-07-02
不是軟件的問題，我用這個進行實驗也會出現(xiàn)這個現(xiàn)象！如圖：
然后接下來就是正常的內(nèi)聯(lián)>id>class>標簽選擇器優(yōu)先級。我在想會不會與繼承性有關(guān)?。磕莻€通用標簽是適用所有范圍的樣式設置，所以就相當于對<span>標簽進行單獨設置，比起在<div>中進行設置，強迫<span>進行繼承，肯定單獨對于<span>設置會優(yōu)先。所以看起來就會是通用選擇器優(yōu)先，但是實際上是繼承性的問題。個人感覺是這樣，<thead>也是同理。
2020-07-02