通配符使用星號“*”表示,意思是“所有的”,是css中的一個選擇器;它是css所有選擇器中作用範圍最廣的,能匹配頁面中所有的元素,語法為「*{屬性名:屬性值;...}」。
本教學操作環境:windows7系統、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; /*清除内边距*/ }
(學習影片分享:css影片教學)
以上是css中通配符是什麼意思的詳細內容。更多資訊請關注PHP中文網其他相關文章!