首頁 > web前端 > 前端問答 > css中通配符是什麼意思

css中通配符是什麼意思

青灯夜游
發布: 2021-12-09 11:28:14
原創
5192 人瀏覽過

通配符使用星號“*”表示,意思是“所有的”,是css中的一個選擇器;它是css所有選擇器中作用範圍最廣的,能匹配頁面中所有的元素,語法為「*{屬性名:屬性值;...}」。

css中通配符是什麼意思

本教學操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。

通配符使用星號“*”表示,意思是“所有的”,是css中的一個選擇器。

通配符選擇器「*」是所有選擇器中作用範圍最廣的,並且能符合頁面中所有的元素。

基本語法格式

css中通配符是什麼意思
#範例

這裡我寫三個選擇器,分別是元素選擇器,id 選擇器,class 選擇器,HTML 程式碼如下

	<div>寄言燕雀莫相唣,自有云霄万里高。</div>
	<span id="myId">人生不得行胸怀,虽寿百岁犹为无也。</span>
	<p class="myClass">如果你想攀登高峰,切莫把彩虹当作梯子。</p>
登入後複製

然後我們透過通配符選擇器讓所有的文字顏色都設定為藍色,CSS 程式碼如下

	* {color: blue;}
登入後複製

瀏覽器運作效果如下

css中通配符是什麼意思

可以看到,我們沒有對每個選擇器設定CSS 樣式,但每個選擇器的文字顏色也被改成了藍色,這就是通配符選擇器。

例二

例如下面的程式碼,使用通配符選擇器定義 CSS 樣式,清除所有 HTML 標記的預設邊距。

	* {
    	margin:0;   /*清除外边距*/
    	padding: 0; /*清除内边距*/
	}
登入後複製

(學習影片分享:css影片教學

以上是css中通配符是什麼意思的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板