css优先级问题

2024-11-26 01:35:43
推荐回答(4个)
回答1:

如果按分数计算它们的优先级别的话
ID选择器等于100分
class类别选择器等于10分
标签等于1分

.data td {...} 这个是11分
.head {...} 这个是10分
11大于10 所以.data td 样式的优先级别要高于.head

应该这样:

.data td {...}
.data .head {...}

回答2:

因为head没有定义TD的CSS
而data定义了TD的CSS,所以data的TD CSS有效。
及时你在HEAD里定义了TD的CSS,如果不能完全覆盖DATA TD,那DATA TD一样有效

比如HEAD TD里,你写个边框红色
在DATA TD里,你写个背景蓝色

那最后TD就是边框红色+背景蓝色

一般在一个TABLE里,不建议使用这样的双重CSS,会造成混乱的。

回答3:

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

回答4:

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