Вебинары Разобраться в IT Реферальная программа
Программирование Аналитика Дизайн Маркетинг Управление проектами
03 Май 2023
2 мин
112

Использование несуществующих CSS классов

Часто при создании веб-страницы возникает необходимость манипулировать определенными элементами страницы с помощью JavaScript или jQuery. Например, при

Часто при создании веб-страницы возникает необходимость манипулировать определенными элементами страницы с помощью JavaScript или jQuery. Например, при создании таблицы, может потребоваться скрыть или показать определенные столбцы по какому-то условию. Один из способов это сделать — применить к нужным элементам определенный CSS класс и затем использовать этот класс для манипуляции элементами.

Например:

<table>
   <thead>
      <tr>
         <th></th>
         <th class="hideable"></th>
         <th></th>
      </tr>
   </thead>
   <tbody>
      <tr>
         <td></td>
         <td class="hideable"></td>
         <td></td>
      </tr>
   </tbody>
</table>

И тогда с помощью jQuery можно скрыть все столбцы с классом «hideable» одной строкой:

$('.hideable').css('display','none');

Однако, часто возникает вопрос — является ли правильным использование CSS классов, которые не определены в стилях страницы? Нужно ли создавать пустой класс для этого?

&lt;style&gt;.hideable{}&lt;/style&gt;

Технически, это не обязательно. Браузеры не требуют наличия класса в CSS для его использования в HTML или JavaScript. Если класс не определен в CSS, браузер просто проигнорирует его при рендеринге страницы. Но как только этот класс используется в JavaScript или jQuery, он становится полезным.

Тем не менее, есть несколько причин, по которым может быть полезно определить пустой класс в CSS. Во-первых, это делает код более понятным для других разработчиков, которые могут видеть класс в HTML и искать его определение в CSS. Во-вторых, некоторые инструменты для разработки могут выделять неопределенные классы как потенциальные ошибки, что может сбивать с толку.

В заключение, использование несуществующих CSS классов не вызывает никаких сайд-эффектов и является вполне допустимой практикой. Однако, для большей ясности и чистоты кода, может быть полезно определить эти классы в CSS, даже если они пустые.

Проверь как ты усвоил материалы статьи
Пройди тест и узнай насколько ты лучше других читателей

Добавить комментарий