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

2 votes308 views2 answers
Css text shadow -m
CSS
0 vote310 views1 answer
How to put an element in front
CSS
161 votes410 views4 answers
Link external css
CSS
17 votes254 views5 answers
Background image linear gradient
CSS
17 votes325 views5 answers
Sass react
CSS
3 votes319 views2 answers
What does em stand for in css
CSS
2 votes331 views1 answer
Table overflow not working
CSS
7 votes381 views3 answers
Import font woff css
CSS
0 vote292 views1 answer
Inline block display has margin
CSS
0 vote316 views1 answer
How to write h2so4 using html css
CSS