- 1
- 2
- 3
#vCardRoom > div.v-card__text > div > div > form > div > div.flex.xs12 > div > div > div.v-text-field__details > div > div > div {
font-size: 16px;
}-
JavaScript / Говнокод #25594
+5
Запостил:
anuxa,
07 Мая 2019
Follow us!
Я имел в виду, что если не верстать лишних вложенных элементов, то и не придётся писать div > div.
Вот самое радикальное решение вашей проблемы...
На семантичности более/менее завязаны современные фреймворки, библиотеки, API, вы получаете сразу готовые элементы, компоненты.
И правда, кто будет с нуля разрабатывать плеер, чтобы подключить видео с YouTube?
P. S. Ваш <div><i class="big_red_button"></i></div> не поддерживает a11y, почему не начать с <button class="big-red"></button>?
Это результат применения React server-side rendering, а исходный код React client-side rendering вы можете посмотреть в Chrome DevTools (там есть source code mapping)
A c a11y там, похоже, OK.
P. S. Также в DevTools посмотрите вкладку React, если у вас установлено расширение React Developer Tools!
Я думаю, что код пишут хотя бы один раз, а читают много раз, так что он должен быть читаемым.
Насчёт семантики — 15 лет назад было очень популярно использовать неумеренно и неправильным способом элемент <table>. Однако сегодня ситуация намного улучшилась!
В спецификации HTML5 сказано, что нет никаких ограничений на имена, которые вы можете использовать в атрибуте класса, но рекомендуется использовать значения, которые описывают сущность/природу содержимого, а не значения, которые описывают желаемое представление контента. (https://www.w3.org/TR/html52/dom.html#element-attrdef-global-class)
Т. е. в том примере с Bootstrap лучше так не делать, хотя можно. Например, лучше <div class="theme-switcher"></div>
Также настоятельно рекомендуется рассматривать элемент <div> как крайнюю меру, когда никакой другой элемент не подходит. Использование более подходящих элементов вместо элемента <div> обеспечивает лучшее a11y и код, который легче поддерживать. (https://www.w3.org/TR/html52/grouping-content.html#the-div-element)
В React с className всё в порядке, имена свойств идут такие же, как у класса Element, у класса HTMLElement и у его других наследников.
А с «dl» вообще жопа.
Разница между ними в том, что div по умолчанию display:block, а span по умолчанию display:inline. Кстати, элемента с умолчанием display:inline-block не существует, для такого можно использовать хоть div, хоть span.