Html 避免继承父项'；s css效应

嗨，我有

something

这行代码，

jumbotron

有一些类似CSS的效果

.jumbotron{
    background: url("image-url") no-repeat center center; 
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background-size: cover;
    height: 78vh;
    filter: brightness(50%);
}

---

但是我想要的是只jumbotron的背景图像获得CSS效果，而不是

nav

标签。目前，

nav

标记继承了

过滤器：亮度（50%）

，是否仍有只有背景图像才能获得效果？

不，不可能。过滤器将影响当前元素及其所有内容（包括子元素）

因此，这里的方法是将

移动到

.jumbotron

之外，将它们包装在一个公共相对父对象中，并在

.jumbotron

上方呈现

概念证明：

.relative{
位置：相对位置；
}
.relative>绝对值{
位置：绝对位置；
宽度：100%；
排名：0；
/*使其可见*/
背景色：rgba（255255255.25）；
边框底部：1px纯白；
颜色：白色；
填充：1rem；
框大小：边框框；
}
琼伯伦先生{
背景：url（“https://picsum.photos/id/237/1024/540）无重复中心/盖；
高度：78vh；
滤光片：亮度（50%）；
}

某物

不，不可能。过滤器将影响当前元素及其所有内容（包括子元素）

因此，这里的方法是将

移动到

.jumbotron

之外，将它们包装在一个公共相对父对象中，并在

.jumbotron

上方呈现

概念证明：

.relative{
位置：相对位置；
}
.relative>绝对值{
位置：绝对位置；
宽度：100%；
排名：0；
/*使其可见*/
背景色：rgba（255255255.25）；
边框底部：1px纯白；
颜色：白色；
填充：1rem；
框大小：边框框；
}
琼伯伦先生{
背景：url（“https://picsum.photos/id/237/1024/540）无重复中心/盖；
高度：78vh；
滤光片：亮度（50%）；
}

某物