如果按分数计算它们的优先级别的话
ID选择器等于100分
class类别选择器等于10分
标签等于1分
.data td {...} 这个是11分
.head {...} 这个是10分
11大于10 所以.data td 样式的优先级别要高于.head
应该这样:
.data td {...}
.data .head {...}
因为head没有定义TD的CSS
而data定义了TD的CSS,所以data的TD CSS有效。
及时你在HEAD里定义了TD的CSS,如果不能完全覆盖DATA TD,那DATA TD一样有效
比如HEAD TD里,你写个边框红色
在DATA TD里,你写个背景蓝色
那最后TD就是边框红色+背景蓝色
一般在一个TABLE里,不建议使用这样的双重CSS,会造成混乱的。
td{background:#FFFFFF;}网页中所有的td都默认应用这个颜色。
.data td{background:#FF0000}类data里面的td才用这个属性,
前一个是全局统一定义,第二个是特定元素定义。
第一个就好比定义你家所有的墙都使用白色的。
第二个就是特别定义你家书房的墙是红色的,其他房间的墙还是用的白色
估计是没有清楚浏览器的缓存吧