通配符使用星號“*”表示,意思是“所有的”,是css中的一個選擇器;它是css所有選擇器中作用范圍最廣的,能匹配頁面中所有的元素,語法為“*{屬性名:屬性值;…}”。
本教程操作環(huán)境:windows7系統(tǒng)、css3&&html5版、dell g3電腦。
通配符使用星號“*”表示,意思是“所有的”,是css中的一個選擇器。
通配符選擇器“*”是所有選擇器中作用范圍最廣的,能匹配頁面中所有的元素。
基本語法格式
例一
這里我寫三個選擇器,分別是元素選擇器,id 選擇器,class 選擇器,html 代碼如下
<div>寄言燕雀莫相唣,自有云霄萬里高。</div><span id=\”myid\”>人生不得行胸懷,雖壽百歲猶為無也。</span><p class=\”myclass\”>如果你想攀登高峰,切莫把彩虹當作梯子。</p>
然后我們通過 通配符選擇器 讓所有的文本顏色都設置為藍色,css 代碼如下
* {color: blue;}
瀏覽器運行效果如下
可以看到,我們沒有對每一個選擇器設置 css 樣式,但每個選擇器的文本顏色也被改成了藍色,這就是通配符選擇器。
例二
例如下面的代碼,使用通配符選擇器定義 css 樣式,清除所有 html 標記的默認邊距。
* { margin:0; /*清除外邊距*/ padding: 0; /*清除內(nèi)邊距*/}
(學習視頻分享:css視頻教程)