css - CSS 特异性主体 - 表单

Question

我有几个页面和一个外部样式表。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，颜色为黑色。

请注意，当使用双边框样式时，使两个边框可见的最小边框宽度为 3 像素。

这是一个例子。

2 回答 2