Css 身体形态

Css 身体形态,css,css-specificity,Css,Css Specificity,我有几页和一个外部样式表。CSS文件具有以下内容: body { /*Set background image*/ background: url("../img/background/main.jpg"); padding: 20px 20px; } body form{ border: double; } 据我所知,身体形态将更加具体,应该在身体内部的所有类型元素周围显示双线边框 但是,在测试中,除非我将它移到CSS主体{}选择器的上方,这意味着CSS文件

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

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

body form{
    border: double;
}
据我所知,身体形态将更加具体,应该在身体内部的所有类型元素周围显示双线边框

但是,在测试中,除非我将它移到CSS主体{}选择器的上方,这意味着CSS文件中的主体选择器正在覆盖主体表单,否则它不会被替换


我做错了什么?

对于双边框,可以使用边框和轮廓

示例

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

您认为
正文形式
优先于
形式
是正确的,但问题在于边界声明。指定边框特性的值时,还应包括边框宽度和颜色以及样式

border: double 3px #000;
这会将元素边框设置为双色,宽度为3px,颜色为黑色

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


这是一个。

什么被覆盖?在
body
@ExplosionPills中甚至没有
边框
规则,我假设它会默认为no boder。所以表单不能使用双边框?