css selectors - What does "body > *" mean in CSS? -
I am trying to understand the encoding effects that apply to jqtouch.
There are some CSS definitions in which syntax "body> *"
body & gt; * {-webkit-backface-visibility: hidden; -WebKit-box-size: border-box; display none; Status: Completed; Left: 0; Width: 100%; -Widkkit-Conversion: Rotate Translation 3D (0,0,0) (0) Scale (1); Minimum height: 420px! Important; } Body.fullscreen & gt; * {Minimum height: 460px! Important; } Body.fullscreen.black-translucent & gt; * {Minimum height: 480px! Important; } Body.landscape & gt; * {Min-height: 320px; } Body & gt; . Current {Display: Block! Important; }
I have searched for some time, but no signal can be found, can anyone explain this to me?
Does this mean animation?
body & gt; *
means "any direct child of body tags", e.g. Consider the following scenario
& lt; Body & gt; & Lt; H1 & gt; It will be affected by the body & gt; * & Lt; / H1> & Lt; Div & gt; This is also & lt; P & gt; This will not be affected because it is not a direct child & lt; / P & gt; & Lt; / Div & gt; & Lt; / Body & gt;
Comments
Post a Comment