使用以下CSS/HTMS
<p> </p>
<p><a href="#bottom"><img title="power gains" src="{{media url="wysiwyg/powergains.png"}}" alt="show power gains"></a></p>
<p><a title="Navistar" href="http://bluesparkautomotive.com/instructionfiles/073_ppb.pdf" target="_blank"><img src="{{media url="wysiwyg/installation.png"}}" alt="" /></a></p>
我需要以下面的图像为目标:
img:hover{box-shadow: 6px 6px 20px rgba(0,0,0,.6); transform:scale(1.02);}
img:focus{box-shadow: 12px 12px 25px rgba(0,0,0,.7); width: 46%; transform: none;}
并使所有其他图像不设置格式。
您可以使用P>； A[title=“Navistar”]>； img。 a[title=“Navistar”]是一个属性选择器。
由于您需要选择特定的图像，因此可以向img元素添加id标记，以便可以具体选择它。 ID标记是唯一的，不能共享，但ID名称可以由您自己选择。
<img src="" id="id123" />
在CSS中，使用#指定您正在查找ID:
#id123:hover {[css]}
这与你的问题没有真正的联系，但它会对将来的使用很有帮助。 如果要选择一组元素以相同的方式进行样式，则可以使用class标记。 这可以通过以下方式实现:
<img src="" class="class123" />
类不是特定于1个元素，而是可以在一组需要相同样式的元素之间共享。 您可以使用CSS中的定位这些元素:
.class123:hover {[css]}
