CSS特异性体型

Question

我有几页和一个外部样式表。CSS文件具有以下内容：

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

body form{
    border: double;
}

据我所知，身体形态将更加具体，应该在身体内部的所有类型元素周围显示双线边框。

但是，在测试中，除非我将它移动到CSS主体{}选择器之上，这意味着CSS文件中的主体选择器正在覆盖主体窗体。

我做错了什么？

Answer 1

body form优先于form是正确的，但问题在于边界声明。在指定边框属性的值时，还应该包括边框、宽度和颜色以及样式。

border: double 3px #000;

这将将元素边框设置为double，宽度为3px，颜色为黑色。

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

这是一个示例。

Answer 2

对于双边框，可以使用边框和大纲。

示例

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

演示