在css中绕过冒号
我正在为我的表单做一些css,看起来像:在css中绕过冒号,css,Css,我正在为我的表单做一些css,看起来像: <sf:form> <table> ... </table> </sf:form> 因为css解释了冒号 我知道我可以在我的表单中添加一个标识符,比如id或class来选择它,但是如果有一种方法可以使用css技巧来实现,这对我来说也是很有趣的。也许,使用表标记的父元素就可以处理它了?sf:form可以通过以下方式作为表的父级: sf:form>table 但这里
<sf:form>
<table>
...
</table>
</sf:form>
因为css解释了冒号
我知道我可以在我的表单中添加一个标识符,比如id
或class
来选择它,但是如果有一种方法可以使用css技巧来实现,这对我来说也是很有趣的。也许,使用表
标记的父元素就可以处理它了?sf:form
可以通过以下方式作为表的父级:
sf:form>table
但这里又出现了这个恼人的冒号
那么,我可以在不指定
sf:form
one的情况下使用table
parent标记吗?或者,可能还有其他方法来处理诸如冒号之类的元素,它在css中破坏了标记的结构?使用正斜杠在名称空间后转义冒号:
sf\:form > table {
property: value;
}
例如:
参考:
Adding\before:对我没有影响<代码>sf \:表单{attribute:value;}没有帮助,但是有
#form{attribute:value;}
它工作正常。可能的原因是什么?请演示一下您拥有的浏览器和/或版本。请注意,我已经检查了IE9-11、Chrome和Firefox,它在每个浏览器中都能工作。您确定浏览器中的源代码仍然存在sf:
,因为它没有被Spring处理掉吗?恕我直言,但这并不是对实际问题的回答,即如何处理CSS选择器中的名称空间。事实证明,您不需要考虑它,但这并没有改变问题是关于CSS选择器中的名称空间的事实。是的,我理解问题是关于什么的sf
是Spring框架中的前缀,如果您在web应用程序编译后在浏览器中查看代码,则除了本机代码外,没有其他代码。因此,在我的css文件中只指定一个表单就可以了。非常感谢您的适当提示。
sf\:form > table {
property: value;
}