一个html中的两个表格设置了两个样式却适用同一个_html/css_WEB-ITnose

php中文网
发布: 2016-06-24 12:16:39
原创
1721人浏览过

代码如下:
nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



表格






  
    
    
  
  
    
    
  
这个表格是绿色边框 这个表格是绿色边框
这个表格是绿色边框 这个表格是绿色边框



  
  
    
    
  
  
    
    
  
这个表格是红色边框 这个表格是红色边框
这个表格是红色边框 这个表格是红色边框




这是效果图:

回复讨论(解决方案)

nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



无标题文档





  
    
    
  
  
    
    
  
这个表格是绿色边框 这个表格是绿色边框
这个表格是绿色边框 这个表格是绿色边框



  
  
    
    
  
  
    
    
  
这个表格是红色边框 这个表格是红色边框
这个表格是红色边框 这个表格是红色边框



#dc table tr td,#dc table tr th{border: 1px solid #0F0;}#cd table tr td,#cd table tr th{border: 1px solid #F00;}
登录后复制


理解下css复合选择器的用法。 对照上面两段代码 看看。

#dc tr,th,td {
border: 1px solid #0F0;
}
#cd table tr,th,td {
border: 1px solid #F00;
}
你这2个选择器 其实每个都选择了3个 一个是#dc tr 一个是th 还一个是td

CSS code?1234567#dc table tr td,#dc table tr th{border: 1px solid #0F0;}#cd table tr td,#cd table tr th{border: 1px solid #F00;}

理解下css复合选择器的用法。 对照上面两段代码 看看。
第一个的意思是 包含在id为dc的table元素下的tr元素下的td元素和th元素共用声明{border: 1px solid #0f0;
第二个的意思和第一个是一样,只是id不同,理解的可对?
你想告诉我的是不是我的复合选择器写法不对?#dc tr,td,th{border……}这样写不正确?

嗯,已经弄懂了,确实是写法错误,同id下的复合选择器需要这样写:#dc th,#dc td {border……}才正确,特别感谢2楼和3楼朋友的指正!1楼朋友也谢谢,呵呵,不过你的代码治标不治本,你只是把第一个table下全写成th,第二个table下全写成td,虽然表格效果达到了,但是第一个表格全是标头哦,不是我想要的最终结果

嗯,已经弄懂了,确实是写法错误,同id下的复合选择器需要这样写:#dc th,#dc td {border……}才正确,特别感谢2楼和3楼朋友的指正!1楼朋友也谢谢,呵呵,不过你的代码治标不治本,你只是把第一个table下全写成th,第二个table下全写成td,虽然表格效果达到了,但是第一个表格全是标头哦,不是我想要的最终结果

不用客气 嘿嘿  

HTML速学教程(入门课程)
HTML速学教程(入门课程)

HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号