Question

我想选择img中的所有div代码，以便可以对其应用常见CSS。

我不知道img标记的级别，例如

<div class="my_div">
   <div>
      <p>
         <img src="x"/>
      </p>
      <img src="y"/>
      <p>
        <a>
           <img src="z"/>
        </a>
     </p>
   </div>
</div>

这个结构可以改变，因为它本质上是动态的，只有常数是顶部div my_div。我想在所有img上应用css为：

{
  max-width:100% !important;
}

任何想法如何实现？

Answer 1

如果你想为所有img添加CSS，那么你可以使用

RootComponent

如果你想在div中定位一个img，那么你可以在img标签之前添加类名

img{max-width:100% !important;}

Answer 2

试试这个

.my_div img
{
   max-width:100%;
}

如果不适用，请像这样使用!important

.my_div img
{
   max-width:100% !important;
}

Answer 3

试试这个

.my_div div img
{
  max-width:100% !important;
}

Answer 4

这应该适合你：

div.my_div img
{    
  //CSS goes here    
  // Like - width:300px;    
}

这确保它适用于具有“my_div”类的Div中的“所有图像”

Answer 5

对于CSS的角度组件：

:host ::ng-deep .mydiv img { 
  background-color: blue;
}

对于索引页面中的CSS：

body ::ng-deep .mydiv img{
  background-color: green;
}

CSS选择器选择div内的所有img标签，而不考虑子级别

5 个答案: