定位以空格开头的类值

Question

我想为一个以空格开头的类创建一个CSS选择器，但我不知道如何。例如：<table class=" example">…</table>。

Answer 1

CSS类名是单个单词;空格只是分隔不同的类名。

您想要.example。

Answer 2

类属性值中的任何前导或尾随空格对于定位目的都没有意义。这个：class=" example"等同于：class="example"。

不需要特殊的选择器来影响空间。

来自HTML 5规范：

  

2.4.7 Space-separated tokens

     

包含一组以空格分隔的标记的字符串可能具有前导   或尾随空格字符。

但是，在分类属性中分隔多个值时，空格字符是必需的。

  

3.2.5.7 The class attribute

     

如果指定了属性，则该属性必须具有一组值   空格分隔的标记，表示各种类   元素属于。

Answer 3

类属性的值的开头和结尾处的空格对于类选择器而言是无关紧要的。 class=" example"是有效的HTML，相当于class="example"，class="example "甚至class=" example "，用于.example类选择器。

因此，您正在寻找的选择器只是.example。

选择器产生差异的唯一情况是使用属性选择器：[class~="example"]将匹配所有给定的示例，但[class="example"]仅匹配class="example"。 （这意味着，如果您有一些深奥的理由想要仅在其类属性具有前导空格时匹配该元素，您可以使用[class^=" example"]或[class=" example"]，但您很可能只是想要一个常规的类选择器。）