ホームページ  >  記事  >  ウェブフロントエンド  >  CSS の競合の問題

CSS の競合の問題

PHP中文网
PHP中文网オリジナル
2017-04-01 17:37:021248ブラウズ

#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 は親要素です。この親要素の下の子要素に別のクラスを追加し、このクラスの別のスタイルを宣言できます。その中には

JS

calendar

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

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。