从多个类别中选择一个元素

时间:2019-07-01 08:47:19

标签: html css bootstrap-4

我想从页面的不同部分中选择一些<img>,并为其提供占其容器80%的width。 我意识到我的代码仅从<img>类中选择.things-love元素! 是否可以通过<img>元素选择要更改的类的所有部分?

.about-me, .education, .skills, .experience, .things-love img{
    width: 80%
}

2 个答案:

答案 0 :(得分:1)

在每个容器之后添加img,如下所示:

.about-me img, 
.education img, 
.skills img, 
.experience img, 
.things-love img { 
  width: 80% 
}

或将一个类添加到img s中并直接定位它们

...
<div class="about-me">
   <img class="container-img" src="...">
</div>
...
.container-img {
  width: 70%;
}

答案 1 :(得分:0)

.about-me img, .education img, .skills img, .experience img, .things-love img{
    width: 80%
}

您必须为每个课程提供图像标签。您所做的是您选择了其他部分的班级,但是仅选择了 .things-love 班级

的图片