|
Combination mode |
Distinguish |
Source |
Effect |
| descendant picker   |
Spaces delimited |
Descendant Picker matches all descendant elements of the worthy element. |
<! DOCTYPE html> |
|
Child element Selector
|
Separated by greater than sign |
Child selectors can only select elements that are child elements of an element, as compared to descendant selectors. |
<! DOCTYPE html> |
|
Adjacent sibling selector
|
Separated by a plus sign |
The adjacent sibling selector (adjacent sibling selector) selects the element immediately following the other element, and both have the same parent element. If you need to select an element immediately after another element, and both have the same parent element, you can use the adjacent sibling selector (adjacent sibling selector). |
<! DOCTYPE html> |
|
Normal neighbor Sibling Selector
|
separated by dashes |
The normal sibling selector selects all adjacent sibling elements of the specified element. |
<! DOCTYPE html> |
|
About distinguishing between contrasting CSS combo selectors