為什么在Vscode和chrome里,通配符反而是優(yōu)先級(jí)最高的...???
<!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>橋本愛(ài)實(shí)</td>
? ? ? ? <td>168</td>
? ? ? ? <td>B88(E) W68 H87</td>
? ? ? </tr>
? ? ? <tr>
? ? ? ? <td>清水愛(ài)理</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)先級(jí)最低, 或者說(shuō)對(duì)優(yōu)先級(jí)沒(méi)有影響的選擇器, 代碼中通配符*匹配的是所有元素即包括thead, tr, th, td, 換言之, tr, th, td的文字樣式是 color: blueviolet;?
而thead的顏色還是 orange
只不過(guò)被tr, th的顏色覆蓋掉了
如果有幫助, 請(qǐng)給個(gè)最佳答案吧, 謝謝
2020-07-14
你做的這個(gè)表好騷啊
2020-07-02
圖形先后順序顛倒了，其余沒(méi)啥問(wèn)題！
2020-07-02
不是軟件的問(wèn)題，我用這個(gè)進(jìn)行實(shí)驗(yàn)也會(huì)出現(xiàn)這個(gè)現(xiàn)象！如圖：
然后接下來(lái)就是正常的內(nèi)聯(lián)>id>class>標(biāo)簽選擇器優(yōu)先級(jí)。我在想會(huì)不會(huì)與繼承性有關(guān)??？那個(gè)通用標(biāo)簽是適用所有范圍的樣式設(shè)置，所以就相當(dāng)于對(duì)<span>標(biāo)簽進(jìn)行單獨(dú)設(shè)置，比起在<div>中進(jìn)行設(shè)置，強(qiáng)迫<span>進(jìn)行繼承，肯定單獨(dú)對(duì)于<span>設(shè)置會(huì)優(yōu)先。所以看起來(lái)就會(huì)是通用選擇器優(yōu)先，但是實(shí)際上是繼承性的問(wèn)題。個(gè)人感覺(jué)是這樣，<thead>也是同理。
2020-07-02