В чем разница между селектором идентификатора CSS и селектором класса CSS? [Дубликат]

Question

В чем разница между селектором идентификатора CSS и селектором класса CSS? [Дубликат]

0

Например, я могу получить те же результаты двумя способами.

 <html>

<head>
<style type="text/css">

p#red{color:red}    /* This is a CSS id selector*/

p.green{color:green}   /* This is a CSS class selector*/

</style>

</head>

<body>

<p id="red">red color</p>
<p class="green">greencolor </p>

</body>
</html>

Они оба могут дать мне цветной текст. Но где разница между ними? Спасибо за Ваш ответ.

jasmine_007 21 март 2014, в 11:38

Источник

1

перейти к этому stackoverflow.com/questions/12889362/…
Rohit Azad 21 март 2014, в 10:16
2

Идентификатор должен быть уникальным. Классы могут быть использованы повторно.
Mathias 21 март 2014, в 10:16

Теги:

html

css

3 ответа

1

Селектор id используется для указания стиля для одного уникального элемента. с другой стороны Селектор классов используется для указания стиля для группы элементов. В отличие от селектора id, селектор классов чаще всего используется для нескольких элементов. Это позволяет вам установить определенный стиль для многих элементов HTML с тем же классом.

Пример: 1)

#para1{
text-align:center;
color:red;
}

→ это правило стиля будет применено к элементу с id = "para1" (если найдено более одного с тем же правилом стиля id, будет применяться только к первому элементу.

Пример 2)

 .center {text-align:center;}
 p.center {text-align:center;}

→ это правило стиля будет применяться ко всему элементу с классом "центр", а второе правило будет применяться ко всему элементу "P" с классом = center.

DexJ 21 март 2014, в 08:58

0

Идентификатор HTML уникален, класс является многоразовым.

Для CSS идентификатор равен 256 классам. Поэтому вам потребуется 256 класс для переопределения стиля идентификатора. Вот и пример: http://codepen.io/chriscoyier/pen/lzjqh

Babar 21 март 2014, в 08:15

1

«Для CSS идентификатор равен 256 классу». вздох мы делаем это снова? stackoverflow.com/questions/2809024/points-in-css-specificity
BoltClock♦ 21 март 2014, в 10:25
0

Извините, я не хотел спорить, просто упомянул.
Babar 21 март 2014, в 10:29

Ещё вопросы

перейти к этому stackoverflow.com/questions/12889362/…
Идентификатор должен быть уникальным. Классы могут быть использованы повторно.
«Для CSS идентификатор равен 256 классу». вздох мы делаем это снова? stackoverflow.com/questions/2809024/points-in-css-specificity
Извините, я не хотел спорить, просто упомянул.

Ayaz Shah · Accepted Answer · 2014-03-21T07-31-00.000Z

Идентификаторы уникальны. Каждый элемент может иметь только один идентификатор. На каждой странице может быть только один элемент с такими идентификационными классами НЕ уникальными. Вы можете использовать один и тот же класс для нескольких элементов. Вы можете использовать несколько классов в одном элементе. Больше о