包含空格的HTML类名?

时间:2014-02-25 10:38:32

标签: html css html5 css3

我们可以为HTML标签设置一个类名,其中包含一些像这样的空格

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

9 个答案:

答案 0 :(得分:2)

如果这两个类都是分开的,那么类属性可以包含由空格分隔的这两个类。但是,如果您尝试使用 SPACE 创建一个类名,那么它不符合标准,也不会起作用。 即使您尝试输入,浏览器也会将向下拖动拖动此处视为单独的类而不是单个类。

答案 1 :(得分:1)

您的方法是指定多个类。

这样可以用空格分隔类名,即<htmlTag class="class1 class2"><div class="drag-down drag-here">允许您为一个HTML元素组合几个CSS类。

命名规则:

  1. 必须以字母A-Za-z
  2. 开头

    2.接下来可以是:letters (A-Za-z)digits (0-9)hyphens ("-")underscores ("_")

    3.在HTML中,所有值都不区分大小写

    上述规则未提及space,因此不允许命名类属性。

答案 2 :(得分:0)

类可以是您想要的任何类型,但空格意味着不同的类名。在您的情况下,有两个类:drag-down&amp; drag-here

答案 3 :(得分:0)

没有。类名之间不能有空格。代码中提到的空间描述了向元素添加了2个不同的CSS类。

答案 4 :(得分:0)

嗯,问题中的HTML有效。但是,它被解释为两个单独的类名:

  • drag-down
  • drag-here

因为空格分隔多个类名。与id属性不同,class属性可以包含多个值。

因此,在使用CSS时,针对div.drag-downdiv.drag-here的样式规则都将应用于此元素。

另见W3C documentation

答案 5 :(得分:0)

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

表示div有两个类drag-downdrag-here。您可以使用空格分隔任意数量的类。

答案 6 :(得分:0)

你确定,你可以在班级名称

之间留出空格

另请参阅此链接SPACE BETWEEN CLASS

答案 7 :(得分:0)

您可以指定多个类,用空格分隔,但给定的类名不能包含空格。

请参阅HTML class Attribute

答案 8 :(得分:-1)

不能使用空格!更好地使用这样的下划线:

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