html多个类选择器,如何让一个类选择器同时调用两个class值_html/css_WEB-ITnose

本文探讨了在HTML中如何正确使用类选择器来同时影响th和td元素。作者在尝试将.fancy类应用于表格时遇到问题,发现只有td元素颜色改变,而th元素不变。通过社区讨论,了解到需要结合.table类一起使用,如`.table .fancy th`和`.table .fancy td`。然而,即使如此,作者仍面临表头颜色未改变的问题。经过进一步交流,问题出在CSS注释格式不正确,修正后问题得到解决。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

5268f80b9b1e01f982625ef6fac83ca1.png

姓名

性别

年龄

名族

张峰

19

汉族

李惠

18

回族

请教一下为什么表格th部分没有变色,只是td部分变了,如何让一个类选择器同时调用两个class值

回复讨论(解决方案)

如何让类选择器的th部分也发挥作用

.fancy th{ color:#f60;background:#666;}

.fancy td{ color:#f60;background:#666;}

=》改成下面的。因为是class .table 里面的th td

.table .fancy th{ color:#f60;background:#666;}

.table .fancy td{ color:#f60;background:#666;}

.fancy th{ color:#f60;background:#666;}

.fancy td{ color:#f60;background:#666;}

=》改成下面的。因为是class .table 里面的th td

.table .fancy th{ color:#f60;background:#666;}

.table .fancy td{ color:#f60;background:#666;}

还是不行,表头部分颜色没改变。另外,我想问一下,.table是默认的类选择器么即便没有给它命名定义,好比fancy我得事先在上面声明一下,.table不用声明直接就可以拿来用么

@kongwei521

.fancy th{ color:#f60;background:#666;}

.fancy td{ color:#f60;background:#666;}

=》改成下面的。因为是class .table 里面的th td

.table .fancy th{ color:#f60;background:#666;}

.table .fancy td{ color:#f60;background:#666;}

4楼的疑问明白了,自己声明的table类给忘了。但问题是现在表头部分还没变化,什么原因,求解

我把你的代码删减如下样子:

姓名

性别

年龄

名族

张峰

19

汉族

李惠

18

回族

依旧能让th部分变色:

但我自己写的同样的代码,却还是不能改变:

真搞不懂

真搞不懂 你少了 这个吧

真搞不懂 你少了 这个吧

加上了也不行,chrome和IE浏览器都不行,这是我的代码:

你直接复制粘贴运行看结果如何,反正我机子上不行,纠结。。。

把 //html的注释

=》

改成 /*类选择器*/

你直接复制粘贴运行看结果如何,反正我机子上不行,纠结。。。

把 //html的注释

=》

改成 /*类选择器*/

你直接复制粘贴运行看结果如何,反正我机子上不行,纠结。。。

把 //html的注释

=》

改成 /*类选择器*/

css中注释要用/*注释内容*/ 这样的格式对吧,之前看到过,以为是只在外联的css中才这样用,所以没留意,thank you!

1428d0e076c3959ab11d28a39bc84fab.png

5268f80b9b1e01f982625ef6fac83ca1.png

本条技术文章来源于互联网,如果无意侵犯您的权益请点击此处反馈版权投诉

本文系统来源:php中文网

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值