CSS CSS Basics (2014) Basic Selectors Pseudo-Classes

is :focus {} the same as *:focus{}?

Guil mentions that we can use :focus (removing the leading a) and it will apply to all interactive elements...

But I also know that the asterix i.e * can be used to target all elements too. So can I use something like *:focus{} to select all elements that it applies to?

Thanks

1 Answer

Steven Parker
Steven Parker
207,981 Points

You can think of ":focus" as a shorthand for "*:focus". They would both create a rule that targets any element on the page that has focus.

Thanks! Yes that was a typo! I've fixed that now :P