CSS样式表中不允许使用任何字符？

Question

长话短说，我在javascript变量中放置了一堆css样式，然后在head元素中动态注入css样式节点。我想编码一个循环容器.someContainer理想情况下使用一个字符，然后在我的JavaScript中进行搜索和替换。这会减少我的总css字节数。所以我想弄清楚在样式表中我永远不会遇到哪个角色。当我在css中看到〜字符并且认为它可能是一个好的候选人时，我想不出来。任何人都有线索？

Answer 1

代字号是two reasons的错误调用：

  

E[foo~="bar"]
  一个E元素，其“foo”属性值是一个以空格分隔的值列表，其中一个值恰好等于“bar”

     

E ~ F
  一个前面有E元素的F元素

由于:before and :after pseudo-elements:

，您无法保证不会使用任何其他内容

span:before {
    content: "anything is possible in here (or at zombo.com)";
}

您可能会遇到与url()类似的问题。您可以使用<（但不是>），但content和:before仍然存在:after问题。

您可能最好设置一切，以便为样式表使用gzip压缩，并可能将其卸载到CDN。