The reference combination selector speaks for itself: It's mapping out association between built up selectors. Between the newly introduced slashes has be a CSS qualified name which represents the ID reference between the first (E) and the second (F) element. The reference is valid if the value of the attribute named in the combinator consists of either the ID alone or a hash mark (#) followed by the ID.
# Syntax
Copy
E /attribute/ F {
/* declarations */
}
# Example
Copy
label:hover /for/ input {
border: 1px solid red;
}
This previous example will add a red border to the input element which is referenced by its label.
Try example in CodePen# Browser support
Platform
Chrome
Firefox
Safari
Edge
Internet Explorer
Opera
Desktop
No
No
No
No
No
No
Mobile
No
No
No
No
No
No
Please wait a moment, the comments start loading now...