视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37 推荐39 推荐41 推荐43 推荐45 推荐47 推荐49 关键词1 关键词101 关键词201 关键词301 关键词401 关键词501 关键词601 关键词701 关键词801 关键词901 关键词1001 关键词1101 关键词1201 关键词1301 关键词1401 关键词1501 关键词1601 关键词1701 关键词1801 关键词1901 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001
如何让一个类选择器同时调用两个class值_html/css_WEB-ITnose
2020-11-27 15:55:35 责编:小采
文档






























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

下载本文
显示全文
专题