css - CSS 特異性本文 - フォーム

Question

複数のページと 1 つの外部スタイルシートがあります。CSS ファイルには次のものがあります。

body {
    /*Set background image*/
    background: url("../img/background/main.jpg");
    padding: 20px 20px;
}

body form{
    border: double;
}

私が学んだことによると、ボディフォームはより具体的であり、ボディ内のタイプフォームのすべての要素の周りに二重線の境界線を表示する必要があります.

ただし、テストでは、CSS body {} セレクターの上に移動しない限りそうではありません。これは、CSS ファイルの body セレクターがbody formをオーバーライドしていることを意味します。

私は何を間違っていますか？

score 0 · Accepted Answer

二重罫線の場合は、罫線とアウトラインを使用できます。

例

body form {
    border: solid 1px #fff;
    outline: solid 2px #888;
    outline-offset: -5px;
}

score 0 · Accepted Answer

body formよりも優先されるのは正しいですformが、問題はボーダー宣言にあります。境界プロパティの値を指定するときは、境界線の幅と色、およびスタイルも含める必要があります。

border: double 3px #000;

これにより、要素の境界線が double のスタイル、幅 3px、色が黒に設定されます。

border-style double を使用する場合、両方の境界線を表示するための最小境界線幅は 3px であることに注意してください。

ここに例があります。

2 に答える 2