Asterisk（*）在CSS選擇器中做了什么？我發現了這個CSS代碼，我運行它來查看它的作用，它概述了頁面上的每個元素，有人可以解釋一下Asterisk *在CSS中的作用嗎？<style>* { outline: 2px dotted red }* * { outline: 2px dotted green }* * * { outline: 2px dotted orange }* * * * { outline: 2px dotted blue }* * * * * { outline: 1px solid red }* * * * * * { outline: 1px solid green }* * * * * * * { outline: 1px solid orange }* * * * * * * * { outline: 1px solid blue }</style>
3 回答
倚天杖
TA貢獻1828條經驗 獲得超3個贊
它是一個通配符，這意味著它將選擇DOM部分內的所有元素。
例如，如果我想將余量應用于整個頁面上的每個元素，您可以使用：
* {
margin: 10px;}您也可以在子選擇中使用它，例如，以下內容將為段落標記中的所有元素添加邊距：
p * {
margin: 10px;}你的例子是做一些css技巧，將連續的邊框和邊距應用于元素，為它們提供多個彩色邊框。例如，白色邊框被黑色邊框包圍。
函數式編程
TA貢獻1807條經驗 獲得超9個贊
您引用的CSS對于調試頁面布局問題的Web設計器非常有用。我經常把它暫時放到頁面中，所以我可以看到所有頁面元素的大小并跟蹤，例如，有太多填充的那個，它會推動其他元素不合適。
僅使用第一行就可以完成相同的技巧，但定義多個輪廓的優點是，您可以通過邊框顏色獲得嵌套頁面元素層次結構的可視線索。
精慕HU
TA貢獻1845條經驗 獲得超8個贊
* 充當通配符，就像在大多數其他情況下一樣。
如果你這樣做：
*{
margin: 0px;
padding: 0px;
border: 1px solid red;}然后所有 HTML元素都將具有這些樣式。
- 3 回答
- 0 關注
- 423 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消