CSS Selector Level 4 » Reference combination

This selector is deprecated now and is no longer considered to make it into the final CSS level draft. This page is kept temporary as archive reference.

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...
explorermozillachromesafariopera