当前位置:Gxlcms > html代码 > 如何让一个类选择器同时调用两个class值_html/css_WEB-ITnose

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

时间:2021-07-01 10:21:17 帮助过:85人阅读





























姓名 性别 年龄 名族
张峰 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!

人气教程排行