绕过css中的冒号

时间:2014-07-16 22:26:44

标签: css

我正在为我的表单做一些css,看起来像:

<sf:form>
     <table>
        ...
     </table>
</sf:form>

(根据Spring框架表格标签)

我想选择此表单而不能以传统方式执行此操作:

sf:form { 
     property: value; 
}

因为css解释了冒号。

我知道我可以在我的表单中添加一个标识符,例如idclass来选择它,但如果有一种方法可以使用某些css技巧,那么它对我来说也很有趣。也许,采用table标签的父元素会照顾它吗? sf:form可以作为表的父级:

sf:form>table

但是在这里我们又有了这个讨厌的冒号。

那么,我可以在不指定table的情况下使用sf:form父标记吗?或者,也许还有另一种方法可以处理冒号这样的元素,这会打破css案例中标记的结构?

1 个答案:

答案 0 :(得分:2)

使用正斜杠在名称空间后转义冒号:

sf\:form > table {
    property: value;
}

示例:

http://jsfiddle.net/fZm28/

参考:

http://msdn.microsoft.com/en-us/library/ms762307(VS.85).aspx