忽略 CSS 中的 XMLNS 前缀答案

【问题标题】：Ignore the XMLNS prefixes in CSS忽略 CSS 中的 XMLNS 前缀
【发布时间】：2013-06-15 20:25:56
【问题描述】：

我为 XMLNS 使用 CSS 选择器 xmlns\:div 来设置我的元素的样式，但我不能使用标签元素选择器...例如 div{color:#fff;}

注意：XMLNS 前缀是自动生成的，所以我无法预测字符串并像这样使用它prefix1\:div{color:#fff;}

xml 文件：

<?xml version="1.0" encoding="UTF-8"?>
<html xmlns:aa='zz' xmlns:ee='rr'>
<head>
   <title></title>
   <style type="text/css">
      /* it work */ aa\:span{background: #00ff00;}
      /* it doesnt work */ span{background: #00ff00;}
   </style>
</head>
<body>
   <div>
       <aa:span id="span1">
          <aa:p>aaa</aa:p>
       </aa:span>
    </div>  
    <div>
       <ee:span id="span1">
          <ee:p>aaa</ee:p>
       </ee:span>
    </div>
</body>
</html>

【问题讨论】：

需要查看您的 XML。
我刚刚发布了...
您只想选择一个命名空间的元素而不选择另一个命名空间，还是要选择具有相同标签名称的任何元素？
任何具有相同标签名称的元素，就像普通的 HTML 文件一样...
不，您需要让服务器为您的页面发送一个Content-Type: application/xhtml+xml 标头。

标签： css xml css-selectors xhtml xml-namespaces

【解决方案1】：

这有点奇怪，因为在 html 渲染（浏览器）中没有更多的前缀。但是，你能不能用一个讨厌的技巧来代替在标签上构建 css，你可以用 ID 构建。

喜欢：

// ninja coding =D
#span1{
  color : black;
  visible : hidden;
}

也许你们四个很有趣here

【讨论】：