Можно ли выбрать элемент, который непосредственно предшествует другому элементу, используя соседний селектор

Question

Я хотел бы выбрать <label> элементов, которые непосредственно предшествуют <input type="checkbox">

из руководства CSS

Соседние родственные селекторы имеют следующий синтаксис: E1 + E2, где E2 предмет селектора.

Но, если я неправильно понимаю спецификацию, мне нужен выбор, где E1 - это субъект, а не E2. Я уверен, что это должно быть доступно, что мне не хватает?

Answer 1

На самом деле нет, вы ничего не упускаете (если только я уже довольно давно) - вы не можете выбрать предыдущего брата с помощью селекторов css2.

Answer 2

Я никогда не использовал его, но по ссылке, которую вы указали, я понимаю, что это должно быть сделано в точности так:

input[type='checkbox'] + label { color: Red }

Это должно работать для следующего HTML:

<input type='checkbox' id='chckTest' /><label>Test checkbox</label>

У меня нет возможности проверить это сейчас, но я считаю, что текст "Test checkbox" будет красным ...