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

1 vote175 views2 answers
List no bullets html
CSS
1 vote262 views2 answers
Absolute vertical position css
CSS
6 votes218 views4 answers
Css hover to disable
CSS
7 votes230 views3 answers
Text unselectable css
CSS
54 votes245 views8 answers
Media query
CSS
0 vote229 views1 answer
Style scroll react csss
CSS
0 vote212 views2 answers
The package could not be installed. the theme is missing the style.css stylesheet
CSS
3 votes240 views1 answer
Visibility transition css only on show
CSS
0 vote213 views2 answers
Systemd on wsl2
CSS
0 vote221 views1 answer
Npm ERR! 404 Not Found - GET https://registry.npmjs.org/taiwindcss - Not found
CSS