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 vote361 views2 answers
Drop function postgresql
CSS
1 vote391 views1 answer
Image on top of image css
CSS
0 vote352 views1 answer
Adding a script tag with Helmet
CSS
0 vote384 views1 answer
Checkbox border css
CSS
1 vote374 views1 answer
I used overflow-y : scroll but the scroll bar keep on showing
CSS
0 vote352 views1 answer
Which bootstrap css class will you use to put the navbar at the top of the page? feel free to check out the bootstrap website.
CSS
0 vote389 views1 answer
Html5 video hide progress bar
CSS
1 vote417 views1 answer
Vertical line between two divs
CSS
60 votes348 views3 answers
Adding shadow to a div
CSS
126 votes375 views7 answers
Css box shadow
CSS