CSS overide不起作用

Question

我想覆盖所有img标签的样式 <div class="profile-activity">

这是我尝试过的

<style type="text/css">
    .profile-activity img {
        width: 200px !important;
        border: red 2px solid;
    }
</style>



<img class="" id="Company Logo" src="/files/logo_path/{{$user->id}}" alt="User's Photo"  width="200" >

更新

我想迫使我的internalCSS超越我的externalCSS.我!important不行.宽度不起作用,但边框确实有效.

结果

Answer 1

>表示只在css中的孩子.img不是一个孩子profile-activity,因此这个问题

从中更改CSS

.profile-activity > img {
    width: 200px !important;
    border: red 2px solid;
}

要么:

.profile-activity img {
    width: 200px !important;
    border: red 2px solid;
}

要么

.profile-activity > div > img {
    width: 200px !important;
    border: red 2px solid;
}

这是相关文档

>组合器分隔两个选择器,并仅匹配第二个选择器匹配的元素,这些元素是第一个匹配的元素的直接子元素.