css优先级问题

显示全部楼层 · 2010-6-30 09:24:21

网页中一个表格

...

css中是这样定义:
.data {...}
.data td {...}
.head {...}
为什么class="head"单元格的样式还是.data td{...}中的样式？
是css优先级的问题么，应当怎么改？
应该是css优先级的问题，我按sandywk 的方法设置就没问题了，另外我想问下，如果在css中定义td {...}接着又定义了 .data td {...} 那么在表格

中[td]单元格的样式是怎样的，是两者叠加，还是。data td中的样式完全屏蔽td中的样式？

千问 · 2010-6-30 09:24:21

如果按分数计算它们的优先级别的话ID选择器等于100分class类别选择器等于10分标签等于1分.data td {...}这个是11分.head {...}
这个是10分11大于10 所以.data td 样式的优先级别要高于.head应该这样:.data td {...}.data .head {...}

千问 · 2010-6-30 09:24:21

因为head没有定义TD的CSS而data定义了TD的CSS，所以data的TD CSS有效。及时你在HEAD里定义了TD的CSS，如果不能完全覆盖DATA TD，那DATA TD一样有效比如HEAD TD里，你写个边框红色在DATA TD里，你写个背景蓝色那最后TD就是边框红色+背景蓝色一般在一个TABLE里，不建议使用

千问 · 2010-6-30 09:24:21

td{background:#FFFFFF;}网页中所有的td都默认应用这个颜色。.data td{background:#FF0000}类data里面的td才用这个属性，前一个是全局统一定义，第二个是特定元素定义。第一个就好比定义你家所有的墙都使用白色的。第二个就是特别定义你家书房的墙是红色的，其他房间的墙还是用的白色

千问 · 2010-6-30 09:24:21

估计是没有清楚浏览器的缓存吧