SkillSeevaSkillSeeva
HomeResourcesScheduleRoadmapTeam
Back to Categories
Current Path
CSS3
Syntax & SelectorsColors & BackgroundsThe Box ModelCSS UnitsText & FontsDisplay & VisibilityPositioning & Z-IndexFlexboxCSS GridCombinatorsShadows & GradientsResponsive (Media Queries)Object Fit & CoverPseudo-classes & ElementsTransitions & AnimationsCSS Variables
Jump to topic:
Syntax & SelectorsColors & BackgroundsThe Box ModelCSS UnitsText & FontsDisplay & VisibilityPositioning & Z-IndexFlexboxCSS GridCombinatorsShadows & GradientsResponsive (Media Queries)Object Fit & CoverPseudo-classes & ElementsTransitions & AnimationsCSS Variables

Combinators

Selectors that explain the relationship between elements.
css
div p { ... }   /* Descendant: All p inside div */
div > p { ... } /* Child: Direct p children of div */
div + p { ... } /* Adjacent Sibling: p immediately after div */
div ~ p { ... } /* General Sibling: all p after div */
10 / 16