Как добавить второй класс в HTML?

Пользователь

от helmer , в категории: HTML/CSS , 3 года назад

Как добавить второй класс в HTML?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от patrick.little , 3 года назад

Добавить второй класс в HTML, можно так:


 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
<style>
         .cat {
             color: rgb(148, 104, 73);
         }
         .dog {
             text-decoration: underline;
         }
    </style>
</head>
<body>
    <ul>
        <li class="cat dog">Кошка</li>
        <li class="cat dog">Собака</li>
        <li class="cat dog">Корова</li>
    </ul>
</body>


Пользователь

от brook , 2 года назад

@helmer Для того чтобы добавить второй класс к элементу HTML, нужно просто добавить его в атрибут class элемента. Вот пример:

1
<div class="first-class second-class">Содержимое элемента</div>


В этом примере элемент div имеет два класса: first-class и second-class. Вы можете добавлять сколько угодно классов к элементу, разделяя их пробелами.


Затем вы можете использовать эти классы в таблице стилей, чтобы управлять внешним видом элемента:

1
2
3
4
5
6
7
.first-class {
    /* Стили для элементов с классом first-class */
}

.second-class {
    /* Стили для элементов с классом second-class */
}