css中 可以同时调用多个类吗?
发布网友
发布时间：2022-04-21 03:08
共3个回答
懂视网
时间：2022-04-21 07:29
| 姓名 | 性别 | 年龄 | 名族 |
|---|---|---|---|
| 张峰 | 男 | 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！
热心网友
时间：2022-04-21 04:37
css的类是可以被一个元素同时使用多个的，也就说某个元素可以同时使用多个class样式，但是如果发生了样式冲突会出现后者覆盖前者的现象。
工具原料：编辑器、浏览器
1、一个元素可以同使用多个class样式类，写法一般是class=“test1 test2”中间使用空格隔开即可，代码如下：
<body><style type="text/css">
.div1{
width: 200px;
height: 200px
}
.div2{
background: #ccc;
}
</style>
<div class="div1 div2"></div>
</body>
2、以上代码div同时使用了div1类和div2类的样式，最终的效果是一个宽高200像素背景是灰色的div，运行的结构如下：
热心网友
时间：2022-04-21 05:55
<li class=" bg1 bg2 bg3 bg4" class="bg2">
正确的是只要一个 class，多个类名直接英文空格隔开：
<li class=" bg1 bg2 bg3 bg4 news red xxx abc">
