在 CSS 中设置 HTML 标题的样式答案

【问题标题】：Style a HTML Title in CSS在 CSS 中设置 HTML 标题的样式
【发布时间】：2016-02-21 20:50:09
【问题描述】：

我想对一些没有任何类、只有标题和一些内联 CSS 样式的图片进行样式设置和居中。

这是否可以通过仅使用 CSS 的样式表来设置此图片的样式（使其为 100% 宽度）。可以在 HTML 中保留内联 CSS 的同时使用 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%
}

【问题讨论】：

老实说，我无法理解你的问题。你有你的代码示例吗？

标签： html css

【解决方案1】：

如果我理解正确，您只需要去掉波浪号 (~) 以及 img 和 [title 之间的空格，以及使规则 !important 覆盖内联样式

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

【讨论】：

【解决方案2】：

您可以添加此 CSS 以根据 img 标签设置图像样式

.parentDiv img{
    width:100%;
}

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

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

【讨论】：

这将如何覆盖 img 标签上的内联 width？
我没有意识到他试图覆盖内联代码，要做到这一点，只需添加width:100% !important;