Як призначити кілька класів до контейнера HTML? [зачинено]

398

Чи можна призначити кілька класів одному HTMLконтейнеру?

Щось на зразок:

<article class="column, wrapper">

html class

— АРГО
джерело

Яка проблема у вас зараз? Будь-який спосіб, який був вирішенням цієї проблеми. Будь-яка інша проблема може залежати від кількох факторів.

— Ауреліо Де Роза

1

Хоча це можливо, я зазвичай використовую вкладені контейнери із спадщиною CSS. Це набагато красивіше, і зазвичай корисніше.

— Джонатан Хенсон

Якщо у вас все-таки виникають проблеми після видалення коми, я пропоную ознайомитися з вказівками щодо того, чому правила не працюють . Я знайшов найпоширеніший для мене швидкий набіг - це ситуація, описана там як "Використання властивості скорочення" (тобто неявне повернення до значення за замовчуванням)

— LJ в NJ

531

Просто вийміть кому так:

<article class="column wrapper">

— Ауреліо Де Роза
джерело

3

— Андре Елріко

1

Розмістіть простір замість коми. Але так, дякую за відповідь

— Сохам Мехта

188

Від стандартного

7.5.2 Ідентифікатори елементів: атрибути id та класу

Визначення атрибутів

id = ім’я [CS]
Цей атрибут призначає ім'я елементу. Це ім’я повинно бути унікальним у документі.

class = cdata-list [CS]
Цей атрибут присвоює елементу ім'я або набір класів. Будь-якій кількості елементів може бути присвоєно одне й те саме ім’я або імена класу. Кілька імен класів повинні бути розділені пробілами.

Так, просто поставте пробіл між ними.

<article class="column wrapper">

Звичайно, є багато речей, які можна зробити із спадщиною CSS. Ось стаття для подальшого читання .

— Джонатан Хенсон
джерело

3

Як слід очікувати реакції браузера, якщо елемент призначений для кількох класів, які встановлюють різні значення для однакових атрибутів. Чи є для цього якийсь порядок пріоритетності?

— Вічно лютий

6

@JonathanHenson: ні, це не так. У разі зв'язаної специфіки виграє правило, яке з’явиться пізніше в CSS.

— Ульріх Шварц

1

@UlrichSchwarz пізніше перерахований клас CSS (на що я сподівався, коли я тестував це) або пізніше у всіх CSS-файлах? Оскільки перший, безумовно, не працює в браузерах, в яких я тестував, а другий гіпотезу перевіряв.

— Джонатан Хенсон

9

@JonathanHenson: Відповідно до специфікацій CSS 2.1 , "якщо дві декларації мають однакову вагу, походження та специфіку, остання зазначена виграє. Декларації в імпортованих таблицях стилів вважаються такими, що перед будь-якими деклараціями в самій таблиці стилів". Отже, це порядок декларування CSS. Імена в атрибуті класу не мають визначеного порядку, оскільки .fooсинтаксичний цукор для [class ~= foo] ref , " fooце слово в classатрибуті".

— Ульріх Шварц

1

@UlrichSchwarz Дякую за роз’яснення.

— Джонатан Хенсон

18

Щоб призначити кілька класів до HTML елементу , включають в себе як імена класів в межах котирувань атрибута класу і вони розділені пропуском:

<article class="column wrapper">

У наведеному вище прикладі columnі wrapperє два окремі класи css, і обидва їх властивості будуть застосовані до articleелемента.

— Вебенг
джерело

16

чим ця відповідь відрізняється від попередньої?

— Іван Родрігес Торрес

-2

вам потрібно поставити крапку між класом типу

class = "column.wrapper">

— amit kumar
джерело