将无效的CSS class字符(@
,:
,!
)放入HTML元素的class属性中是否存在已知问题?像这样:
<input type='text' class='compare id:txtSecondary'/>
<input type='text' class='compare @txtSecondary'/>
将无效的CSS class字符(@
,:
,!
)放入HTML元素的class属性中是否存在已知问题?像这样:
<input type='text' class='compare id:txtSecondary'/>
<input type='text' class='compare @txtSecondary'/>
标识符也可以包含转义字符和任何ISO 10646字符作为数字代码(见下一项)。例如,标识符“B&W?”可以写成“B\&W\?”或“B\26 W\3F”。
因此,您可以在CSS中包含特殊字符:
<style type="text/css">
.\@user { /* valid! */
color:red;
}
</style>
class
属性是一个cdata-list,基本上意味着"除了换行和多个空格之外的任何文本"。<div class="@user">
This is an @user
</div>
@
或者 :
字符,而是你添加的那些空格
。(因为在 class
属性中,空格有特殊含义:“多个类名需要用空格分隔。”)-
或下划线_
来分割,它们都在CSS类名中有效。<input id='txtPrimary' type='text' class='compare id-txtSecondary'/>
<input id='txtSecondary' type='text' />
<input id='txtPrimary' type='text' class='compare id_txtSecondary'/>
<input id='txtSecondary' type='text' />