我有這兩個 CSS 宣告。兩者具有相同的特異性 - 我什至檢查了特異性計算器以確保它們相等。在這種情況下，CSS 中的最后一個宣告應該應用于元素，因此串列項的顏色應該是綠色。出于我無法理解的原因，在這種情況下，它們顯示為紅色。同樣令人費解的是，串列專案符號顯示為綠色。即使我對“綠色”宣告有“！重要”規則，它也不起作用。
li:first-line { color: red; }
ul li { color: green; }<ul>
<li>Go Out The House</li>
<li>Get In Your Car</li>
<li>Start Driving</li>
</ul>uj5u.com熱心網友回復：
它不起作用的主要原因是因為您選擇了li每個 1 行的第一行，因此它們被應用于所有。如果您將第一行切換到ul它，它將按您的預期作業。因此，特異性按預期作業。中的任何其他行li都是綠色的。這就是為什么子彈是綠色的。
ul:first-line { color: red; }
ul li { color: green; }<ul>
<li>Go Out The House</li>
<li>Get In Your Car</li>
<li>Start Driving</li>
</ul>uj5u.com熱心網友回復：
這是解決方案
<html>
<head>
<style>
ul::first-line { color: red; }
ul li { color: green; }
</style>
</head>
<body>
<ul>
<li>Go Out The House</li>
<li>Get In Your Car</li>
<li>Start Driving</li>
</ul>
</body>
</html>
問題是您將樣式應用于
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/335878.html
下一篇：表rowspan和colspan