Css combinators

/*Looking inside - Selects all the li elements placed (anywhere) inside the ul;Descendant selector */
ul li

/*Looking inside - Selects only the direct li elements of ul; i.e. it will only select direct children li of ul; Child Selector or Child combinator selector*/
ul > li

/* Looking outside - Selects the ul immediately following the ul; It is not looking inside, but looking outside for the immediately following element; Adjacent Sibling Selector */
ul + ul

/* Looking outside - Selects all the ul which follows the ul doesn't matter where it is, but both ul should be having the same parent; General Sibling Selector */
ul ~ ul

Selectors combinators css

/* selects any <span> that is inside a <p>, which is inside an <article>  */
article p span { ... }

/* selects any <p> that comes directly after a <ul>, which comes directly after an <h1>  */
h1 + ul + p { ... }

Source: developer.mozilla.org

Similar codes

0 vote193 views1 answer
Selection Handler css
CSS
1 vote200 views1 answer
Meta refresh only once
CSS
-1 vote208 views1 answer
Link design like a Button"
CSS
45 votes205 views6 answers
How to write css in html
CSS
20 votes216 views3 answers
Text overflow ellipsis two lines
CSS
0 vote227 views1 answer
Css prevent grid blowout
CSS
25 votes204 views5 answers
Line spacing css
CSS
0 vote182 views1 answer
Css change width animation
CSS
17 votes219 views1 answer
AppData\Roaming\npm\react-native.ps1 cannot be loaded because running scripts is disabled on this system. For more information, see about_Execution_Policies at https:/go.microsoft.com/fwlink/?LinkID=135170.
CSS
0 vote198 views1 answer
Css body overflow hidden sidebar scrollbar
CSS