[分享]css元素名含有空格

在CSS中，元素名有时会含有空格。例如： h1 span { color: red; } 上面的代码将选择所有在h1标签内的span标签，并将它们的颜色设为红色。但是，注意到元素名包含空格会带来一些不...

在CSS中，元素名有时会含有空格。例如：

 h1 span {
        color: red;
    } 

上面的代码将选择所有在h1标签内的span标签，并将它们的颜色设为红色。

但是，注意到元素名包含空格会带来一些不同的结果。如果想选择一个元素其中包含空格（例如 class="my-class"），则需要使用引号：

 .my-class {
        color: blue;
    } 

在上面的代码中，选择器 ".my-class" 用句点（"."）开头，表示选择一个class为"my-class"的元素。请注意，如果不使用引号，CSS会尝试解释空格并选择一个父元素。例如：

 div my-class {
        color: blue;
    } 

上面的代码将选择所有包含在div标签中，class为"my-class"的元素，并将它们的颜色设为蓝色。

总之，在CSS中，使用元素名含有空格的选择器时，一定要注意空格对选择器的影响。