CSS冲突的问题-html教學-PHP中文網

CSS冲突的问题

PHP中文网

發布： 2017-04-01 17:37:02

原創

1244 人瀏覽過

定义了一个#mytable的TD样式
如：

td {   
     border-right: 1px solid #C1DAD7;   
     border-bottom: 1px solid #C1DAD7;   
     border-top:1px solid #C1DAD7;  
     border-left:1px solid #C1DAD7;  
     background: #fff;   
     font-size:12px;  
     color:Black;   
     padding: 6px 6px 6px 12px;   
 }

登入後複製

但是我的某个单元格却不想要这个样式。

回复讨论(解决方案)

你可以给你指定的td加个class 也可以指定的td设置属性 style=""

#mytable td:first-child{  
     /* 设置成初始状态 */   
     border-right:none!inportant;   
     background:none!inportant;  
     padding:none!inportant;  
 }

登入後複製

或者你已有2个td的话，可以

#mytable td:last-child{  
     /* 第二个，也就是最后一个td添加你的css规则 */   
     border-right: 1px solid #C1DAD7;   
     border-bottom: 1px solid #C1DAD7;   
     border-top:1px solid #C1DAD7;  
     border-left:1px solid #C1DAD7;  
     background: #fff;   
     font-size:12px;  
     color:Black;   
     padding: 6px 6px 6px 12px;   
 }

登入後複製

为其他的td加class或为这个td加class

直接指定class好了。

只有这个单元格不受控制。。。其他的都要被全局控制。。。自己重新弄CSS没有效果。发现主要是这个padding: 6px 6px 6px 12px; 的问题。

继续关注中。

#mytable 是父元素，你可以给这个父元素下面的子元素单独增加一个 class ，再对这个 class 单独申明样式

里面有一个JS日历控件。通过点击文本框弹出。变形了。

哪一个td不想要哪一个样式，直接指定行内样式，或者单独定义一个样式指定给该td

以上就是CSS冲突的问题的内容，更多相关内容请关注PHP中文网（m.sbmmt.com）！