Присвойте элементу CSS класс [дубликата]

Question

Присвойте элементу CSS класс [дубликата]

0

Можно ли сделать все элементы h3 классным, responsive-heading на CSS. Для лучшего представления о том, чего я пытаюсь достичь, см. Код CSS ниже:

h3 { .responsive-heading }

/* The class responsive-heading is implemented inside another CSS file and its contents are:
    .responsive-heading { font-size: 30px; .... etc. }
*/

Я знаю, что я мог бы использовать Javascript и/или JQuery для назначения каждого h3 класса .responsive-heading но перед тем, как я начну делать это, я бы предпочел узнать, есть ли способ css?

Вкратце: я хочу применить .responsive-heading для всех h3. У нас есть сотни страниц для обновления элементов H3.

Mack 14 апр. 2014, в 08:33

Источник

0

<H3 class="responsive-heading"></H3> ?
JunM 14 апр. 2014, в 05:42
1

Вы говорите, что хотите дать 'h3' те же стили, что и '.responsive-heading', но не можете применить это имя класса в HTML? Если это так, нет, CSS не делает этого.
DA. 14 апр. 2014, в 05:42
0

@JunM спасибо за комментарий, да, это будет работать нормально. Но у нас есть сотни страниц для редактирования. Решение CSS, подобное приведенному выше, было бы простым широким изменением, которое предпочтительнее, чем просматривать каждую страницу и редактировать каждый класс h3.
Mack 14 апр. 2014, в 05:43
0

@DA Да, да. Я хочу применить .responsive-heading ко всем h3
Mack 14 апр. 2014, в 05:44
1

@Mack: Мак: Можете ли вы изменить CSS? Это очевидная вещь, добавьте h3 к селектору, например, измените .responsive-heading { ...} на h3, .responsive-heading { ...} в CSS.
T.J. Crowder 14 апр. 2014, в 05:45
0

Файл CSS, в котором .responsive-heading является файлом .responsive-heading разработанным третьей стороной, поэтому изменение этого файла является последним средством.
Mack 14 апр. 2014, в 05:46
0

Почему редактирование файла CSS является последним средством? Это одно из главных преимуществ внешнего CSS-файла ... чтобы упростить быстрые изменения стиля на уровне сайта. Если прикоснуться к этому файлу нет-нет, вы можете создать новый файл, который заменяет файл по умолчанию.
DA. 14 апр. 2014, в 05:48

Показать ещё 5 комментариев

Теги:

javascript

html

css

css3

3 ответа

Ещё вопросы

Вы говорите, что хотите дать 'h3' те же стили, что и '.responsive-heading', но не можете применить это имя класса в HTML? Если это так, нет, CSS не делает этого.
@JunM спасибо за комментарий, да, это будет работать нормально. Но у нас есть сотни страниц для редактирования. Решение CSS, подобное приведенному выше, было бы простым широким изменением, которое предпочтительнее, чем просматривать каждую страницу и редактировать каждый класс h3.
@DA Да, да. Я хочу применить .responsive-heading ко всем h3
@Mack: Мак: Можете ли вы изменить CSS? Это очевидная вещь, добавьте h3 к селектору, например, измените .responsive-heading { ...} на h3, .responsive-heading { ...} в CSS.
Файл CSS, в котором .responsive-heading является файлом .responsive-heading разработанным третьей стороной, поэтому изменение этого файла является последним средством.
Почему редактирование файла CSS является последним средством? Это одно из главных преимуществ внешнего CSS-файла ... чтобы упростить быстрые изменения стиля на уровне сайта. Если прикоснуться к этому файлу нет-нет, вы можете создать новый файл, который заменяет файл по умолчанию.

DA. · Answer 1 · 2014-04-14T02-43-00.000Z

Как сказано, вы не можете этого сделать.

Однако в вашем CSS вы можете просто применить те же стили к H3.

h3, .responsive-heading {...styles...}

Lyn Headley · Answer 2 · 2014-04-14T02-57-00.000Z

Нет, вы не можете использовать css для изменения класса элемента.

Phoenix · Answer 3 · 2014-04-14T03-42-00.000Z

Если бы вы могли или могли бы изменить внешний css,

вы можете изменить селектор на

h3, .responsive-heading {
    ...styles...
}

Или вы можете скопировать правила стиля .responsive-heading в ваш h3-стиль, если вы действительно уверены, что ALL h3 должен это реализовать.

Кроме того, я должен сказать, что сотни страниц не так уж много. Если бы я был вами, я буду искать h3 в своем коде и добавлю класс к каждому, когда я уверен, что один из них нужен классу.