亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

Asterisk(*)在CSS選擇器中做了什么?

Asterisk(*)在CSS選擇器中做了什么?

泛舟湖上清波郎朗 2019-11-25 16:16:02
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技巧,將連續的邊框和邊距應用于元素,為它們提供多個彩色邊框。例如,白色邊框被黑色邊框包圍。



查看完整回答
反對 回復 2019-11-26
?
函數式編程

TA貢獻1807條經驗 獲得超9個贊

您引用的CSS對于調試頁面布局問題的Web設計器非常有用。我經常把它暫時放到頁面中,所以我可以看到所有頁面元素的大小并跟蹤,例如,有太多填充的那個,它會推動其他元素不合適。

僅使用第一行就可以完成相同的技巧,但定義多個輪廓的優點是,您可以通過邊框顏色獲得嵌套頁面元素層次結構的可視線索。


查看完整回答
反對 回復 2019-11-26
?
精慕HU

TA貢獻1845條經驗 獲得超8個贊

* 充當通配符,就像在大多數其他情況下一樣。

如果你這樣做:

*{
  margin: 0px;
  padding: 0px;
  border: 1px solid red;}

然后所有 HTML元素都將具有這些樣式。



查看完整回答
反對 回復 2019-11-26
  • 3 回答
  • 0 關注
  • 423 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號