Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 背景图像是否重置先前声明的其他背景属性?_Css_Background - Fatal编程技术网

Css 背景图像是否重置先前声明的其他背景属性?

Css 背景图像是否重置先前声明的其他背景属性?,css,background,Css,Background,除图像本身外,多个div将具有相同的背景属性。当尝试在多选择器中设置它们时,在单个选择器上设置背景图像属性时,属性似乎不会保留。是否有人可以澄清是否保留/重置了/哪些背景属性 .home-content-1, .home-content-1.5, .home-content-2, .home-content-3{ padding: 3em 0 0 0; text-align: center; background-color: #fff; background-image: ur

除图像本身外,多个div将具有相同的背景属性。当尝试在多选择器中设置它们时,在单个选择器上设置
背景图像
属性时,属性似乎不会保留。是否有人可以澄清是否保留/重置了/哪些背景属性

.home-content-1, .home-content-1.5, .home-content-2, .home-content-3{
  padding: 3em 0 0 0;
  text-align: center;
  background-color: #fff;
  background-image: url(test.png); /* added this to see if maybe it's necessary */
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.home-content-1{
  padding: 3em 0;
  background-image: url('../images/content-1-bg.png');
}

第一个
.home-content-1.5
不是有效的类名,
1.5
正在使用
破坏CSS(这是一个类选择器)

REF:类名必须以下划线(33;)、连字符(-)或字母(A–z)开头,后跟任意数量的连字符、下划线、字母或数字

第二次修正
1.5
类名,例如
1_5
。稍后的css规则将使用定义的相同属性覆盖前一个,例如:

.home-content-1、.home-content-1_5、.home-content-2、.home-content-3{
填充:3em0;
高度:100px;
宽度:200px;
文本对齐:居中;
背景色:#fff;
背景图片:url(http://lorempixel.com/400/200/)/*添加此项以查看是否有必要*/
背景尺寸:封面;
背景重复:无重复;
背景位置:中心;
}
.home-content-1{
填充:3em0;
背景图片:url(http://via.placeholder.com/200x200);
}


1st
.home-content-1.5
不是有效的类名,
1.5
正在使用
中断CSS(这是一个类选择器)

REF:类名必须以下划线(33;)、连字符(-)或字母(A–z)开头,后跟任意数量的连字符、下划线、字母或数字

第二次修正
1.5
类名,例如
1_5
。稍后的css规则将使用定义的相同属性覆盖前一个,例如:

.home-content-1、.home-content-1_5、.home-content-2、.home-content-3{
填充:3em0;
高度:100px;
宽度:200px;
文本对齐:居中;
背景色:#fff;
背景图片:url(http://lorempixel.com/400/200/)/*添加此项以查看是否有必要*/
背景尺寸:封面;
背景重复:无重复;
背景位置:中心;
}
.home-content-1{
填充:3em0;
背景图片:url(http://via.placeholder.com/200x200);
}


.home-content-1
将具有新的背景,其他的将保持不变
。home-content-1.5
无效,因为
1.5
它正在用
打破CSS。home-content-1
将具有新的背景,其他的没有改变
。home-content-1.5
无效,因为
1.5
它正在用
破坏CSS,啊,愚蠢的错误。当然,圆点打破了命名惯例。一定是深夜了。啊,愚蠢的错误。当然,圆点打破了命名惯例。一定是深夜了。