在CSS

Question

我想要设计并设置一些没有任何类的图片，只有标题和一些内联CSS样式。

这是否可以通过仅使用CSS的样式表来设置此图片（使其100％宽度）。 CSS属性可以保持HTML中的内联CSS吗？

<img alt="My Third pic" src="http://www.example.com/thirdproduct" style="border-style:solid; border-width:10px; height:240px; width:220px" title="Third Pic">

如何使用标题定位图像，这是我目前所拥有的

img [title~="Third Pic"] {
width:100%
}

Answer 1

如果我理解正确，你只需要摆脱波浪号（〜）和img与[title之间的空间，以及制定规则！重要，这样它就会覆盖内联样式

img[title="Third Pic"] {
    width: 100% !important;
}

Answer 2

您可以添加此CSS以根据img标记

设置图像样式

.parentDiv img{
    width:100%;
}

或者如果你需要第三个img来拥有样式

.parentDiv img:nth-child(3){
    width:100%;
}