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
提交
取消