1
這裏是我的CSS:星號不會選擇一切,至少不是「MOZ-焦點內」
* {
border: none;
}
現在,我想到了一個星號意味着一切,顯然它沒有爲::-moz-focus-inner
,這意味着我必須這樣做:
* {
border: none;
}
*::-moz-focus-inner {
border: none;
}
這是爲什麼?
這裏是我的CSS:星號不會選擇一切,至少不是「MOZ-焦點內」
* {
border: none;
}
現在,我想到了一個星號意味着一切,顯然它沒有爲::-moz-focus-inner
,這意味着我必須這樣做:
* {
border: none;
}
*::-moz-focus-inner {
border: none;
}
這是爲什麼?
由@Andrew Li評論,通用*
選擇器僅選擇元素。這是一個簡單的元素選擇器,僅針對頁面上的實際元素。這裏有一個related question,在答案和評論中有很多信息。
一個答案指向通用選擇specification(重點煤礦):
通用選擇,寫有「*」,匹配任意元素類型的名稱。它匹配文檔樹中的任何單個元素。
最後一點排除僞元素,如::-moz-focus-inner
,:before
,並:after
不在文檔樹。
如果你想優化你的代碼一點,你可以對這樣的移動:
*,
*::-moz-focus-inner {
border: none;
}
那是因爲你使用的是pseudoelement ...''選擇所有元素,不包括僞元素。 – Li357