css中通配符指的是什么意思

發(fā)布時(shí)間：2021-12-09 11:34:46 來(lái)源：億速云閱讀：215 作者：小新欄目：web開發(fā)

這篇文章主要介紹了css中通配符指的是什么意思，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

通配符使用星號(hào)“*”表示，意思是“所有的”，是css中的一個(gè)選擇器；它是css所有選擇器中作用范圍最廣的，能匹配頁(yè)面中所有的元素，語(yǔ)法為“*{屬性名:屬性值;...}”。

本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

通配符使用星號(hào)“*”表示，意思是“所有的”，是css中的一個(gè)選擇器。

通配符選擇器“*”是所有選擇器中作用范圍最廣的，能匹配頁(yè)面中所有的元素。

基本語(yǔ)法格式

css中通配符指的是什么意思

例一

這里我寫三個(gè)選擇器，分別是元素選擇器，id 選擇器，class 選擇器，HTML 代碼如下

	<div>寄言燕雀莫相唣，自有云霄萬(wàn)里高。</div>
	<span id="myId">人生不得行胸懷，雖壽百歲猶為無(wú)也。</span>
	<p class="myClass">如果你想攀登高峰，切莫把彩虹當(dāng)作梯子。</p>

然后我們通過通配符選擇器讓所有的文本顏色都設(shè)置為藍(lán)色，CSS 代碼如下

	* {color: blue;}

瀏覽器運(yùn)行效果如下

css中通配符指的是什么意思

可以看到，我們沒有對(duì)每一個(gè)選擇器設(shè)置 CSS 樣式，但每個(gè)選擇器的文本顏色也被改成了藍(lán)色，這就是通配符選擇器。

例二

例如下面的代碼，使用通配符選擇器定義 CSS 樣式，清除所有 HTML 標(biāo)記的默認(rèn)邊距。

	* {
    	margin:0;   /*清除外邊距*/
    	padding: 0; /*清除內(nèi)邊距*/
	}

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“css中通配符指的是什么意思”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來(lái)學(xué)習(xí)!

向AI問一下細(xì)節(jié)

猜你喜歡