2017-08-07 18 views
1

這裏是我的CSS:星號不會選擇一切,至少不是「MOZ-焦點內」

* { 
    border: none; 
} 

現在,我想到了一個星號意味着一切,顯然它沒有爲::-moz-focus-inner,這意味着我必須這樣做:

* { 
    border: none; 
} 

*::-moz-focus-inner { 
    border: none; 
} 

這是爲什麼?

+1

那是因爲你使用的是pseudoelement ...''選擇所有元素,不包括僞元素。 – Li357

回答

1

由@Andrew Li評論,通用*選擇器僅選擇元素。這是一個簡單的元素選擇器,僅針對頁面上的實際元素。這裏有一個related question,在答案和評論中有很多信息。

一個答案指向通用選擇specification重點煤礦):

通用選擇,寫有「*」,匹配任意元素類型的名稱。它匹配文檔樹中的任何單個元素

最後一點排除僞元素,如::-moz-focus-inner:before,並:after不在文檔樹。


如果你想優化你的代碼一點,你可以對這樣的移動:

*, 
*::-moz-focus-inner { 
    border: none; 
} 
相關問題