❯

 Tutorials  References  Exercises  Certificates  Search... Upgrade Get Certified

HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY

CSS References
CSS Reference
CSS Browser Support
CSS Selectors
CSS Combinators
CSS Pseudo-classes CSS Combinators Reference
CSS Pseudo-elements
CSS At-rules ❮ Previous Next ❯
CSS Functions
CSS Reference Aural
CSS Web Safe Fonts
CSS Fallback Fonts
CSS Combinators
CSS Animatable
A combinator is a sign that explains the relationship between selectors.
CSS Units
CSS PX-EM Converter The table below shows the different combinators in CSS:
CSS Colors
CSS Color Values
CSS Default Values Name Sign Example Example Result
CSS Entities
Child combinator > div > p Selects every <p> element that are
direct children of a <div> element
CSS Properties
accent-color Descendant combinator (single div p Selects all <p> elements inside <div>
align-content space) elements
align-items
Namespace separator | ns | h2 Selects all <h2> elements in
align-self
namespace ns
all
animation
animation-delay
animation-direction ❯
 Tutorials  References  Next-sibling
Exercisescombinator
 Certificates  + div + p Selects the first <p> element Upgrade
that is
placed immediately after <div> elements
Get Certified

HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY
Selector list , div, p Selects all <div> elements and all <p>
elements
CSS References
CSS Reference Subsequent-sibling ~ p ~ ul Selects all <ul> elements that are
CSS Browser Support combinator preceded by a <p> element
CSS Selectors
CSS Combinators
CSS Pseudo-classes
❮ Previous Next ❯
CSS Pseudo-elements
CSS At-rules
CSS Functions COLOR
CSS Reference Aural
PICKER
CSS Web Safe Fonts
CSS Fallback Fonts
CSS Animatable
CSS Units
CSS PX-EM Converter
CSS Colors 
CSS Color Values 
CSS Default Values
CSS Entities

CSS Properties
accent-color
align-content
align-items
align-self
all
animation
animation-delay
animation-direction ❯
 Tutorials  References  Exercises  Certificates  Upgrade Get Certified

HTML CSS
 JAVASCRIPT
PLUS
SQL PYTHON
SPACES
JAVA PHP
GET CERTIFIED
HOW TO W3.CSS C C++
FOR TEACHERS
C# BOOTSTRAP REACT MYSQL JQUERY

CSS References
CSS Reference FOR BUSINESS CONTACT US
CSS Browser Support
CSS Selectors
CSS Combinators Top Tutorials Top References Top Examples
CSS Pseudo-classes HTML Tutorial HTML Reference HTML Examples
CSS Tutorial CSS Reference CSS Examples
CSS Pseudo-elements
JavaScript Tutorial JavaScript Reference JavaScript Examples
CSS At-rules How To Tutorial SQL Reference How To Examples
SQL Tutorial Python Reference SQL Examples
CSS Functions Python Tutorial W3.CSS Reference Python Examples
W3.CSS Tutorial Bootstrap Reference W3.CSS Examples
CSS Reference Aural Bootstrap Tutorial PHP Reference Bootstrap Examples
CSS Web Safe Fonts PHP Tutorial HTML Colors PHP Examples
Java Tutorial Java Reference Java Examples
CSS Fallback Fonts C++ Tutorial Angular Reference XML Examples
jQuery Tutorial jQuery Reference jQuery Examples
CSS Animatable
CSS Units
Get Certified
CSS PX-EM Converter HTML Certificate
CSS Certificate
CSS Colors JavaScript Certificate
Front End Certificate
CSS Color Values
SQL Certificate
CSS Default Values Python Certificate
PHP Certificate
CSS Entities jQuery Certificate
Java Certificate
C++ Certificate
CSS Properties C# Certificate
XML Certificate
accent-color
align-content
align-items
     FORUM ABOUT ACADEMY
align-self
W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning.
all
Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness
animation of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.

animation-delay
animation-direction Copyright 1999-2025 by Refsnes Data. All Rights Reserved. W3Schools is Powered by W3.CSS.
❯
 Tutorials  References  Exercises  Certificates  Upgrade Get Certified

HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY

CSS References
CSS Reference
CSS Browser Support
CSS Selectors
CSS Combinators
CSS Pseudo-classes
CSS Pseudo-elements
CSS At-rules
CSS Functions
CSS Reference Aural
CSS Web Safe Fonts
CSS Fallback Fonts
CSS Animatable
CSS Units
CSS PX-EM Converter
CSS Colors
CSS Color Values
CSS Default Values
CSS Entities

CSS Properties
accent-color
align-content
align-items
align-self
all
animation
animation-delay