xml需通过xml-stylesheet处理指令关联css控制样式，且仅支持css2.1特性；选择器须严格匹配自定义标签名，不支持class/id解析及伪类、flexbox等高级特性。
XML本身不定义显示样式，必须通过外部CSS文件控制渲染效果，但需注意：浏览器仅在XML文档声明了CSS关联时才应用样式，且只支持部分CSS特性（如不支持伪类、Flexbox等）。
在XML文件中链接CSS文件
使用xml-stylesheet处理指令（PI），放在XML声明之后、根元素之前：
-
语法格式：
<?xml-stylesheet type="text/css" href="style.css"?> -
位置关键：必须紧接
<?xml ...?>之后，且在<root></root>等根元素前 - 完整示例：
<?xml version="1.0" encoding="UTF-8"?><br> <?xml-stylesheet type="text/css" href="bookstyle.css"?><br> <library><br> <book title="CSS入门" author="张三"/><br> </library>
CSS选择器如何匹配XML元素
XML标签名区分大小写，且无默认语义，CSS选择器需严格按实际标签名书写：
- 直接选元素：
book { color: navy; font-weight: bold; } - 用属性选：
book[author="张三"] { background: #f0f8ff; } - 后代选择：
library book { display: block; margin: 8px 0; } - 不支持
divp这类HTML语义假设，所有样式都基于你定义的标签名
浏览器支持与限制要点
现代Chrome/Firefox/Edge支持基础CSS渲染XML，但存在明显限制：
立即学习“前端免费学习笔记（深入）”；
- 仅支持CSS2.1级别特性（如
display: block/inline可用，grid或position: sticky无效） - 不解析
class或id属性（除非你在XML中显式定义并用属性选择器匹配） - 文本换行需用
white-space: pre-line或pre-wrap，默认不自动折行 - 建议用
font-family、color、margin、background等稳妥属性
调试技巧与常见问题
样式不生效？检查这几处：
- XML文件是否以
.xml后缀保存，并用浏览器直接打开（非双击本地文件，建议用http://服务访问） - CSS路径是否相对XML文件位置正确（不是相对于HTML页面）
- 浏览器开发者工具的“Styles”面板里能否看到加载的CSS规则（XML模式下可能不显示全部）
- 避免在CSS中使用
* { }全局重置——XML无默认样式表，反而易引发意外
