Могу ли я использовать класс и идентификатор DIV вместе в CSS?

Ответ 1

Да, да, вы можете.

#y.x {
 /* will select element of id="y" that also has class="x" */
}

Аналогично:

.x#y {
 /* will select elements of class="x" that also have an id="y" */
}

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

Ответ 2

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

<p id="unique" class="x y z">Styled paragraph</p>

Ответ 3

Конечно, вы можете.

Ваш HTML там просто отлично. Для стилизации элементов с помощью css вы можете использовать следующие подходы:

#y {
    ...
}

.x {
    ...
}

#y.x {
    ...
}

Также вы можете добавить столько классов, сколько хотите для своего элемента

<div id="id" class="classA classB classC ...">
</div>

И вы можете стилизовать этот элемент, используя селектор с любой комбинацией классов и id. Например:

#id.classA.classB.classC {
     ...
}

#id.classC {
}

Ответ 4

Этот HTML-код, но да, вы можете столкнуться со всеми избранными вами селекторами.

#x.y { }

(И HTML тоже хорошо)

Ответ 5

Да, в одном подразделении вы можете использовать оба, но это не очень часто. Во время стилизации вы будете называть оба так, что это вызовет некоторую двусмысленность, если вы неправильно выбрали "x" и "y". Используйте # для идентификатора и . для класса. И для общего деления вы либо сделаете отдельный стиль, либо напишите: #x .y для стилизации целей.

Ответ 6

Да, почему бы и нет? Затем CSS, который применяется к классу "x" и CSS, который применяется к идентификатору "y", применяется к div.

Ответ 7

Если вы хотите настроить таргетинг на определенный класс и идентификатор в CSS, используйте формат, например div.x#y {}.

Ответ 8

# y.x должен работать. И это тоже удобно. Вы можете сделать страницу с различными видами вывода. Вы можете дать определенному элементу идентификатор, но дать ему разные классы в зависимости от того, какой вы хотите.

Ответ 9

Да, вы можете.

Вам просто нужно понять, для чего они нужны, class является более общим и может использоваться несколько раз, id (походит на ваш идентификатор), вы можете использовать его только один раз.

Этот отличный учебник помог мне в этом:

Разница между идентификатором и классом

Хотя это не точный ответ на ваш вопрос, я уверен, что это вам очень поможет!

Удачи!

EDIT: прочитав ваш вопрос, я просто хочу уточнить, что:

<div class="x" id="y">
    --
</div>

И если вы хотите "использовать их" в CSS для стилизации, вы должны сделать как David Says: #x.y { }