html中不同類型的class名字

Question

什么是差異bw

• 類=“名稱”
• 類=“名字-新”
• class="name new" 這三個有什么區別，還有其他命名約定嗎？

Answer 1

不同之處在於：

1. class="name" ：元素將僅應用 class "name" 的屬性
2. class="name-new" ：與第一點類似，但在這種情況下，class 是“name-new”
3. class="name new" ：在這種情況下，將應用兩個不同的類：“name”和“new”

“空格”用於分隔多個類，“id”使用相同的原則。

另外.. 語法class="name-new"不等於使用class="name_new" 。

Answer 2

1. 類=“名稱”
2. 類=“名稱-新”
3. 類="新名稱"

1 和 2 - 以相同的方式工作。 它們只是兩個不同的類別。 相應的樣式將應用於添加它們的 HTML 元素中。

3 - 將首先應用 class 'name'，然后應用 class 'new'。 右側類將覆蓋相同/通用樣式屬性。

.name {
 color:red;
}

.name-new {
 color:blue;
}

.new {
 font-weight: bold;
 color: green;
}

<div class="name"> Name </div> //  will appear in red
<div class="name-new"> New-Name </div> // will appear in blue
<div class="name new"> New Name </div> // will appear in bold-green 

BEM 命名約定在這里解釋