[分享]css不遵从xml的语法规则

    CSS（层叠样式表）是前端开发领域中不可或缺的一部分，它为HTML文档添加了样式和布局。但是，CSS并不遵守XML语法规则。XML（可扩展标记语言）被设计为一种通用的标记语言，而CSS则是专门...

    CSS（层叠样式表）是前端开发领域中不可或缺的一部分，它为HTML文档添加了样式和布局。但是，CSS并不遵守XML语法规则。XML（可扩展标记语言）被设计为一种通用的标记语言，而CSS则是专门用于样式和布局的语言。下面我们来看看CSS不遵守XML语法规则的几个方面。

/*示例代码*/
<root>
  <child1></child1>
  <child2></child2>
</root>
 
/*该代码片段使用XML syntax，但CSS不支持。
下面是CSS中应使用的语法*/
root {
  display: block;
}
child1 {
  display: block;
}
child2 {
  display: block;
} 

    在XML中，所有标记都必须有一个结束标记。例如，标记必须以结束。然而，在CSS中，选择器本身就是标记。例如，root选择器被视为一个标记，而不是一个在标记中的标记。同时，CSS中也没有关闭标记的概念，这与XML语法不同。

    此外，在XML中，所有任意的标记都必须在同一级别下。例如，不能在标记之外包含标记。但在CSS中，选择器可以是另一个选择器的后代。例如，在上面的代码片段中，child1和child2选择器都是root选择器的后代。

    因此，尽管CSS可以与XML一起使用，但它并不遵守XML语法规则。作为前端开发人员，我们需要了解这一点，以便正确使用CSS，并理解它与其他标记语言的区别。