多个css值一次应用

Question

我想将多个值应用于css属性。我需要像下面提到的那样申请。

.class{align-content: flex-start;
align-content: space-around;
}

他们两个Css值我想同时申请。所以我需要这样。

Answer 1

不，你不能这样做。第二条规则将覆盖第一条规则。

可以做的是将一个元素包装在一个容器中，并为容器元素设置不同的规则。

我能想到的一个例外是背景属性 - CSS3中可以接受多个值。

这是关于

的mozilla文章

Answer 2

在这种特殊情况下，答案是否定的。并非所有CSS属性都接受多个值。但是很少有房产。 E.g- box-shadow

.my-element{
    box-shadow:0 0 10px 0 #000, 1px 1px 10px 0 #666;
}

此处，多个值以逗号（，）

分隔

align-content不属于这些属性之一。所以不行！