CSS冲突的问题

PHP中文网
Freigeben: 2017-04-01 17:37:02
Original
1244 Leute haben es durchsucht

定义了一个#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;   
 }
Nach dem Login kopieren


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

回复讨论(解决方案)

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

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


或者你已有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;   
 }
Nach dem Login kopieren

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

直接指定class好了。

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

继续关注中。

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

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

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

 以上就是CSS冲突的问题的内容,更多相关内容请关注PHP中文网(m.sbmmt.com)!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage