css選擇器星號(*)

一、星號(*)選擇器的優先級css

css的(*)選擇器,也是通用選擇器,對全部的頁面元素(html,title,style,body,div,p……)應用樣式,級別最低html

在選擇器的級別中:在元素名<class<id;因此頁面呈現的是yellow黃色;瀏覽器

那若是加入*選擇器呢:網站

頁面呈現的是green綠色,因此*選擇器<元素名spa

 

二、給星號(*)設置了display:none,頁面會不會顯示htm

在瀏覽器中,本覺得的會顯示hello world,但結果是什麼都沒有。查看瀏覽器代碼,發現html,body都是隱藏的~~~~body都沒有了box再顯示也是沒用了。blog

若是改一下呢:*{display:inline-block},以下圖,把title,style內容都顯示出來了,查看瀏覽器,發現默認的title,和style樣式都是隱藏的,*設置了顯示,就跟着頁面內容一塊兒顯示出來了。it

 

總結:class

因爲星號選擇器沒有指定任何特殊類型的標籤,所以難以預測它在全部頁面均由各類HTML標籤組成的網站上所展示出來的效果。 bfc

並且會影響全部的元素,所以除了清除瀏覽器的內置樣式之外,應謹慎使用。

相關文章
相關標籤/搜索