css - 未应用顺序 CSS 选择器

Question

你好互联网的人。

我在 React 元素中有以下 CSS(使用 import App.css

导入)

.xBackground {
    position: absolute;
    width: 80%;
    height: 100%;
    background-image: url(/static/xBg.jpg);
    background-size: cover;
    background-position: center center;
    top: 0;
    right: 40px;
    z-index: 0;
}

.xBackground  {
    width: 100% !important;
    height: 54% !important;
    right: 0 !important;
    background-position: center left !important;
}

第二个选择器的样式根本没有被应用。

Answer 1

选择器末尾和括号之间有两个空格。删除额外的空间可以解决问题。