Несколько тегов в классе

Question

Несколько тегов в классе

0

Как применить стили CSS к тегам HTML в классе одновременно, а не повторять имя класса каждый раз.

.container h1,.container p,.container a,.container ol,.container ul,.container li,
.container fieldset,.container form,.container label,.container legend,
.container table {
  some css rules here
}

как уменьшить повторение имени класса?

Naveen Gamage 23 март 2014, в 18:33

Источник

Теги:

html

css

css-selectors

2 ответа

3

Вы не можете уменьшить текущий селектор, насколько чистый CSS идет.

Вы можете взглянуть на LESS или SASS для этого.

Кроме того, я просто прочитал ваш селектор, похоже, что вы покрываете почти все теги, поэтому, если вы хотите настроить несколько свойств для каждого тега, лучше всего использовать CSS - использовать селектор * (универсальный селектор), который будет соответствовать любой тип элемента, вложенный под элементом, имеющим class .container

.container * {
   /* Styles goes here */
}

Помимо вышеизложенного, некоторые свойства наследуются несколькими дочерними элементами от их родителя, такими как font-size, color, font-family и т.д.

Поэтому вам не нужно писать их для каждого, потому что я видел, как вы использовали .container ul,.container li который не имел для меня большого смысла.

Mr. Alien 23 март 2014, в 15:43

1

Здорово! Я не знал о МЕНЬШЕ. Спасибо!
Naveen Gamage 23 март 2014, в 17:15

Ещё вопросы

Здорово! Я не знал о МЕНЬШЕ. Спасибо!

robbclarke · Accepted Answer · 2014-03-23T15-30-00.000Z

Используйте МЕНЬШЕ. Это выглядело бы так.

.container {
    h1, p, a, ol, ul, li, fieldset, form, label, legend, table {
        your styles here
    }
}

В противном случае вы SOL. Сожалею.

Здорово! Я не знал Большое спасибо.
Это изменит все, что вы знаете о кодировании CSS. :)