In css, what's the difference of two selector: * and html?
*{
}
and
html{
}
Do these two work differently?
Asked
Active
Viewed 1,164 times
0
-
https://www.w3.org/wiki/CSS3/Selectors – Mr Lister Sep 28 '17 at 18:26
-
"_Do these two work differently?_" Why do you think they do or don't? What research have you done? – takendarkk Sep 28 '17 at 18:28
-
I got confused since I thought all the elements are inside – kathy Sep 28 '17 at 18:35
1 Answers
2
the *{} selects all elements and all it's children elements where html{} only selects the <html> element
See example
html {
border: solid 2px orange;
}
* {
border: solid 2px green;
font-size: 1.2em;
}<ul>
<li>one</li>
<li>two</li>
<li>three
<ul>
<li>one</li>
<li>two</li>
<li>three</li>
</ul>
</li>
</ul>
<p>lorem ipsum</p>Now see even how the font gets bigger cause its em which will take the size from the previous element.
caramba
- 21,963
- 19
- 86
- 127
-
@kathy all elements will be inside `` but with `*` you assign rules to every single element. See the updated answer, maybe that helps – caramba Sep 28 '17 at 18:28
-
1