ホームページ > 記事 > ウェブフロントエンド > CSS の競合の問題
#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
calendarcontrol があります。テキストボックスをクリックするとポップアップします。歪。 どの TD がどのスタイルを望まないか、インライン スタイルを直接指定するか、TD に割り当てる別のスタイルを定義してください
上記は CSS 競合の問題の内容です。さらに関連する内容については、PHP に注意してください。中国語のウェブサイト (www.php.cn)!