Question

这个

有什么区别

<p class="class1 class2"></p>

和这个

<p class="class1  class2"></p>

第二个类之间有一个额外的空间。两者都很好。

但是，在使用javascript或jquery等时会产生任何问题吗？

Answer 1

在类中使用空格应该永远不会有所作为，因为某些HTML验证器可能会对它有所挑剔。当然，你应该尽量避免它。

Answer 2

在这种情况下没有区别。

.test {
  font-size: 25px;
}

.test2 {
  color: red;
}

<div class="test test2">
Hello world
</div>
<div class="test  test2">
Hello world
</div>

Answer 3

HTML只接受一个空格，并将多个空格转换为一个空格。所以当你写：

<p class="class1 class2"></p>

它等于：

<p class="class1   class2"></p>

注意 ：但更好的方法是使用一个空格。

＆＃13;

.c1.c2 {
    width: 350px;
    height: 100px;
    background-color: red;
    margin: 10px;
}

＆＃13;

<div class="c1               c2">I have more than one space.(We have same style)</div>
<div class="c1 c2">I have one space.(We have same style)</div>

＆＃13;

Answer 4

没有任何问题，两者都完全有效。但我认为如果它们没有任何区别，就不需要放置多个空格，即使这样做会使你的代码看起来很难看。如果你习惯这种做法，任何专业的开发人员在查看你的代码后都不会给你留下深刻的印象。

Answer 5

根据w3标准，这不是问题

HTML Validator response

Answer 6

不，它永远不会产生问题，但空间在代码中使用内存空间。

但是你正在对类字符串进行操作，它导致问题100％。

Answer 7

是的，可能会有所不同。请考虑以下情况：只有第二段的文本将显示为红色。

[class="class1  class2"] { color:red }

<p class="class1 class2">One space</p>
<p class="class1  class2">Two spaces</p>

当您阅读“HTML忽略额外空格”等废话时，请记住这一点。（它没有）和“你试过吗？” （你怎么知道你已经涵盖了所有场景？）

Answer 8

就像文本一样，Html会忽略重复的空格。

如果您尝试检查它，它将显示空格（以及文本） - 但您的浏览器应该能够忽略。

因此 - 两者之间没有区别！

查找

＆＃13;

  .class1 {
    color : red;
  }

  .class2 {
    color : blue;
  }

＆＃13;

   

  <html>
    <body> 
      <p class="class1  class2">ffff       ff</p>
      <p class="class1 class2">ffff ff</p>
    </body>
  </html>

＆＃13;

html标记中css类之间的额外空间

8 个答案: