Уточнение по селектору :read-write

Я поэкспериментировал в 10 задании с селектором :read-write (пришлось для этого копировать весь код в другой курс, ибо в этом все задания с заблокированными html). Продублировав 4 раза поле котопаспорта, одно оставил как есть, второму поставил read-only, третьему read-write, а четвёртому disabled.

Из этих четырёх полей правило:
input:read-write { background-color: #ecf0f1; color: #bdc3c7; }
выбрало все поля кроме второго.
То есть селектор :read-write действительно аналогичен селектору :not([readonly]), о чём вы правильно указали в конце теории.

А вот фраза в той же теории:

Селектор :read-write выберет все поля доступные для редактирования

получается не совсем верна, ибо селектор выбирает в том числе и disabled, который совсем недоступен для редактирования.

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

1 лайк

Спасибо, учтём!