在具有类产品的div中,存在一些多级元素.这些包括两个图像.第一个图像是产品缩略图,第二个图像是产品评级.他们都没有课,我不能改变HTML代码.有时,图像被包裹在< a>< / a>标签内.
我只能选择图像产品.这是每个div.product中按顺序出现的第一个img.
我试过第一个类型和第一个孩子,但这个方法忽略了孩子和子孩子.包装的图像被忽略.
如何在不更改HTML代码的情况下执行此操作？
最佳答案
这个怎么样…
div.product img[data-pin-nopin="true"]:nth-child(1){
border-color:red;
}