Size: a a a

CSS — русскоговорящее сообщество

2020 March 31

VG

Vladimir Grebnev in CSS — русскоговорящее сообщество
Vladimir Grebnev
<label for="option-house">
   <input type="radio" name="option" id="option-house" checked>
   <img class="radio-icons__image" src="https://i.imgur.com/XQCUssP.png" alt="">
   <p class="radio-icons__title">Для дома</p>
  <span class="theme"></span>
 </label>
Можно без спана input:checked ~ p::after
источник

VG

Vladimir Grebnev in CSS — русскоговорящее сообщество
Иван Литвак
:(, вместо лейбла подсвечиваем спан какой-то, который имитирует подсветку лейбла. Я думал, что это костыль
родительских серекторов сейчас нет, поэтому норм
источник

ИЛ

Иван Литвак... in CSS — русскоговорящее сообщество
Можно кнопки выше по дому ставить. Или это проблемы потом создать может?
источник

p

persona x grata in CSS — русскоговорящее сообщество
Vladimir Grebnev
потом input:checked ~ .theme
вроде получилось, спасибо за совет

https://codepen.io/html-senior-dev/pen/ExjMxpq
источник

VG

Vladimir Grebnev in CSS — русскоговорящее сообщество
можно, но тогда нужно связывать через for (а так это не обязательно) и структура лучше
источник

VG

Vladimir Grebnev in CSS — русскоговорящее сообщество
Иван Литвак
:(, вместо лейбла подсвечиваем спан какой-то, который имитирует подсветку лейбла. Я думал, что это костыль
Так если рассуждать то почти любой after и before костыли, ибо предназначались они для работы с текстом
источник

Аппле in CSS — русскоговорящее сообщество
Vladimir Grebnev
Так если рассуждать то почти любой after и before костыли, ибо предназначались они для работы с текстом
Да? А вот допустим нужна анимация, при наведении на ссылку в меню линия снизу справа налево появлялась, делать это через before after это костыль?
источник

AP

Anton Permyakov in CSS — русскоговорящее сообщество
Аппле
Да? А вот допустим нужна анимация, при наведении на ссылку в меню линия снизу справа налево появлялась, делать это через before after это костыль?
нет
источник

AA

Anton Antonov in CSS — русскоговорящее сообщество
Аппле
Да? А вот допустим нужна анимация, при наведении на ссылку в меню линия снизу справа налево появлялась, делать это через before after это костыль?
нормально, если все работает
источник

Аппле in CSS — русскоговорящее сообщество
Хорошо спасибо
источник

VG

Vladimir Grebnev in CSS — русскоговорящее сообщество
Аппле
Да? А вот допустим нужна анимация, при наведении на ссылку в меню линия снизу справа налево появлялась, делать это через before after это костыль?
Что для вас значит слово "костыль"?
источник

Аппле in CSS — русскоговорящее сообщество
Vladimir Grebnev
Что для вас значит слово "костыль"?
Ну что-то, что сделано не так, то есть альтернативное решение которое эффективнее
источник

VG

Vladimir Grebnev in CSS — русскоговорящее сообщество
ну есть тонкая грань между костылём и workaround
источник

Аппле in CSS — русскоговорящее сообщество
Хорошо
источник

Аппле in CSS — русскоговорящее сообщество
Понял
источник

VG

Vladimir Grebnev in CSS — русскоговорящее сообщество
Аппле
Ну что-то, что сделано не так, то есть альтернативное решение которое эффективнее
Цитата из лурки
"средство добавления недостающей функциональности или исправления серьёзных дыр без должного редизайна системы. Каждый костыль затрудняет дальнейшее развитие. В тех случаях, когда костыль уничтожает незапланированную функциональность, называется заплаткой."
источник

ИЛ

Иван Литвак... in CSS — русскоговорящее сообщество
Если эффективно работает, то не костыль. Если работает не эффективно, но хоть как-то, то костыль.
источник

V

Viktor✓ in CSS — русскоговорящее сообщество
Привет. Что за проблема?
источник

V

Viktor✓ in CSS — русскоговорящее сообщество
источник

V

Viktor✓ in CSS — русскоговорящее сообщество
Навигация сдвинулась
источник