CSS样式表中不允许有任何字符?

CSS样式表中不允许有任何字符?,css,Css,长话短说,我将在javascript变量中放置一组css样式,然后在head元素中动态注入css样式节点。我想对一个循环容器进行编码。理想情况下,某个容器使用一个字符,然后在我的javascript中进行搜索和替换。这将使我的css字节总数减少很多。所以我试图找出我在样式表中永远不会遇到的字符。我想不起当我在css中看到~字符时,它可能是一个很好的候选者。有人有线索吗?对于以下方面来说,瓷砖是个糟糕的选择: E[foo~=“bar”] 一种E元素,其“foo”属性值是一组以空格分隔的值,其中一个

长话短说,我将在javascript变量中放置一组css样式,然后在head元素中动态注入css样式节点。我想对一个循环容器进行编码。理想情况下,某个容器使用一个字符,然后在我的javascript中进行搜索和替换。这将使我的css字节总数减少很多。所以我试图找出我在样式表中永远不会遇到的字符。我想不起当我在css中看到~字符时,它可能是一个很好的候选者。有人有线索吗?

对于以下方面来说,瓷砖是个糟糕的选择:

E[foo~=“bar”]

一种E元素,其“foo”属性值是一组以空格分隔的值,其中一个值正好等于“bar”

E~F

前接E元素的F元素

你不能保证其他任何东西都不会因为这个原因而被使用

使用
url()
,您可能会遇到类似的问题。您可能可以逃脱
),但是
之前和之后的
内容仍然存在
问题


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

感谢您的精彩解释。我将使用2个字符的组合,以<开头,以减少模式出现在:before或:after样式中的可能性。你说得对,在zombo.com上什么都有可能
span:before {
    content: "anything is possible in here (or at zombo.com)";
}