CSS の競合の問題-htmlチュートリアル-php.cn

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;   
 }

ログイン後にコピー

しかし、私のセルの 1 つはこのスタイルを必要としません。

ディスカッションに返信 (解決策)

指定した td に class を追加することも、td 属性を設定することもできます

#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 にクラスを追加するか、この TD にクラスを追加します

クラスを直接指定するだけです。

このセルだけが制御されていません。。。それ以外はすべてグローバルに制御する必要があります。。。 CSS を自分で再実行しても効果はありません。主な問題はこのパディングであることがわかりました: 6px 6px 6px 12px;。

引き続き注目してください。

#mytable は親要素です。この親要素の下の子要素に別のクラスを追加し、このクラスの別のスタイルを宣言できます。その中には

calendar

control があります。テキストボックスをクリックするとポップアップします。歪。どの TD がどのスタイルを望まないか、インラインスタイルを直接指定するか、TD に割り当てる別のスタイルを定義してください

上記は CSS 競合の問題の内容です。さらに関連する内容については、PHP に注意してください。中国語のウェブサイト (m.sbmmt.com)!