html - 将选择器转换为 CSS 中的样式

Question

当我在控制台上复制选择器时，我得到了这个元素

#feed-body > div > div:nth-child(1) > div.description > span > span.image > img

如果我想用 !important 设置样式或覆盖 img 的样式，CSS 会是什么？

我试过了

span.image img {width:100% !important}

但不起作用（默认值是max-width: 84px我要更改的）。

我也试过 max-width: 300px !important 但没有结果。

我是在给错误的班级赋予风格还是别的什么？

标签： htmlcss

Answer 1

尝试检查您的页面并在“样式”部分查看是否有另一个规则覆盖了此规则。

此外，max-width可能会限制您的width规则，因此您可能需要同时覆盖两者：

width: 100% !important; max-width: initial !important;