关于CSS错误的注释符

今天写了一个面包屑的样式:

1 <!--面包屑 开始-->
2 .mbx_cpsxk{ width:970px; margin-top:10px; margin-bottom:10px; color:#333; clear:both; height:20px; background-color:#09F;}
3 .mbx_cpsxk1{ background-image: url(http://chinaccf.h.toocle.com/UI/images/default/icon4.jpg); background-repeat:no-repeat; float:left;}
4 .mbx_cpsxk2{float:left;}
5 <!--面包屑 结束-->

但是样式没有被网页识别,研究了一下,发现是注释符的问题。 这种<!--面包屑 开始--> html的注释符并不适用于CSS代码,CSS应该使用/* 注释信息 */ 这种注释符, html的注释符(<!--面包屑 开始-->)会将注释符下面的样式代码屏蔽掉。

原文地址:https://www.cnblogs.com/4php/p/3035556.html