CSSセレクタを使う時にいつも
*[foo="bar"]
のようにアスタリスクで全てのタグにマッチすることを指定したのですが
[foo="bar"]
という記述をしているサイトがあり、全てにマッチしてるようなのですが
この二つの記述に何か動作の違いはありますか?
Selectors Level 3 - 6.2. Universal selectorに説明がありますが、同じです。
*[hreflang|=en]
and[hreflang|=en]
are equivalent,
*.warning
and.warning
are equivalent,
*#myid
and#myid
are equivalent.
なお
Note: it is recommended that the
*
not be omitted, because it decreases the potential confusion between, for example,div :first-child
anddiv:first-child
. Here,div *:first-child
is more readable.
とあり、読み易さのためにも省略すべきではないそうです。