css - cssボーダースタイリング

Question

私のワードプレスサイトの1つに、。を持つラッパーがありますborder: 1px solid #cccccc。子テーマを使用していますが、ラッパーに上下の境界線ではなく、左右の境界線のみを設定したいと考えています。border-leftなどを使用できることはわかっていますが、親テーマが上記のように境界線を指定しているため、完全な境界線が残ります。親のCSSを変更せずに、どうすれば希望どおりに取得できますか？

Answer 1

さて、あなたはこのようなことをして、border-widthを追加することができます：

#box {
    border: 1px solid #cccccc;
    border-width: 0px 1px 0px 1px;
}

これは、親をオーバーライドするために子で宣言できます。

Answer 2

それにはいくつかの答えがあります。

CSSは、CSSファイルがロードされる順序で処理されるため、親テーマの後に子テーマがロードされると、子テーマが優先されます。

それが起こっていない場合は、CSSスタイルをキューの一番上に置くCSS属性！importantがあります。これらは引き続き順番に処理されるため、競合する！important属性は、ロードと同じ順序で評価されます。

cssが順不同でロードされている場合は、子テーマの属性を次のように変更するだけです。

border-width: 0 1px !important;