包含spces的HTML類名？

我們能爲包含這樣包含spces的HTML類名？

<div class="drag-down drag-here"> 
this is the body part .. 
</div> 
.

來源

2014-02-25 Vignesh Gopalakrishnan

簡而言之：是的，你可以 – Morpheus

有兩班，居然 – sinisake

爲CSS選擇器，使用.drag-down.drag，在這裏;如果你也使用id，那麼＃someid.drag-down.drag-here – AzDesign

如果這兩個類是分開那麼你類屬性可以包含由空格分隔這兩個類。但是，如果你試圖用SPACE創建一個類名，然後是不按標準，將無法正常工作。即使您嘗試輸入，那麼瀏覽器將視爲拖拽和這裏拖拽作爲單獨的類，而不是一個單獨的類。

來源

2014-02-25 10:40:18

是的。我知道了。 –

類中的某些空間可以whateve你想HTML標籤設置一個類的名字，而是一個空間，意味着不同的類名。在你的情況下，兩個類：drag-down & drag-here

來源

2014-02-25 10:40:11 Elfentech

然後，如果我們給它一個兩個類的名稱..一個Css文件如何訪問類名內的元素。？ –

號類名稱不能有空格之間。代碼中提到的空間描述了將2個不同的CSS類添加到元素中。

來源

2014-02-25 10:41:13 Pugazh

是的..謝謝.. –

那麼，您的問題的HTML是有效的。然而，它被解釋爲兩個不同的類名：

drag-down
drag-here

因爲空間的方式隔開的多個類名稱。與id屬性不同，class屬性可以包含多個值。

因此，例如在使用CSS時，針對div.drag-down和div.drag-here的樣式規則都將應用於此元素。

另見W3C documentation。

來源

2014-02-25 10:41:27

如果作爲兩個單獨的類處理，那麼我們可以使用CSS中的任何一個類名稱。它會工作。 –

是的，會的。但是你也可以爲這兩個類創建CSS規則。元素將繼承這兩個類的CSS（除非存在衝突，例如，當第一個類具有紅色背景並且第二個類具有藍色背景時） –

<div class="drag-down drag-here">

表明div有兩類drag-down和drag-here。你可以有任意數量的以空格分隔的類。

來源

2014-02-25 10:41:56

青年旅社肯定的是，你可以給類名之間的空間，

也可以參考這個鏈接SPACE BETWEEN CLASS

來源

2014-02-25 10:41:59 KesaVan

您可以指定多個類，用空格分隔，但給定的類名不能包含空格。

請參考HTML class Attribute

來源

2014-02-25 10:43:35 jpo

你的方法是指定多個類。

這種方式將類名與空格分開，即<htmlTag class="class1 class2">或<div class="drag-down drag-here">允許您爲一個HTML元素組合多個CSS類。

命名規則：

必須以字母A-Z或a-z

2.可隨後開始：letters (A-Za-z)，digits (0-9)，hyphens ("-")，並underscores ("_")

3。在HTML中，所有的值都是不區分大小寫的

上述規則未提及space，因此沒有空間可以命名類屬性。

來源

2014-02-25 10:48:18

-1

空格不能使用！最好使用像這樣的底線：

<div class="drag-down_drag-here"> 
this is the body part .. 
</div>

來源

2014-02-25 10:52:47 user3050936

包含spces的HTML類名？

回答

相關問題