Home/ Questions/Q 8852075
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-14T13:18:40+00:00

According to the specification here: http://www.w3.org/TR/CSS21/selector.html#adjacent-selectors Adjacent sibling selectors have the following syntax: E1

  • 0

According to the specification here: http://www.w3.org/TR/CSS21/selector.html#adjacent-selectors

Adjacent sibling selectors have the following syntax: E1 + E2, where
E2 is the subject of the selector. The selector matches if E1 and E2
share the same parent in the document tree and E1 immediately precedes
E2, ignoring non-element nodes (such as text nodes and comments).

So how can we select the non-element sibling node. For example: in the following html, how can we select the “Non-element text” text?

<div><label>Some text here</label> Non-element text</div>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You can’t. CSS selectors can only select element nodes. This is why the adjacent sibling combinator works as described.

    If you need to apply styles, try applying them to the div and overriding them in the label. This does depend on what styles you’re applying, of course, since some of the styles can’t be undone or are subject to inheritance.

    • 0