没有ID的目标元素或具有纯CSS的类

时间:2016-09-01 10:56:55

标签: html css html5 css3 css-selectors

所以在这里,我得到了这样的东西:

blablabla
lots of code that change from time to time
blablabla

<center>
  <a href="somewhere">
     <img src="someUNIQUEaddress.gif">
  </a>
</center>

blablabla
lots of code that change from time to time
blablabla

现在你看,我没有任何HTML访问权限,我也无法使用JS。我需要以某种方式来定位这个,我知道有一种方法可以针对这样的目标:

[class="someUNIQUEthing"]

那么也许有一种方法来定位img的src

修改

我只是用它来做:

[src="myuniquething"]

3 个答案:

答案 0 :(得分:0)

根据您的示例,是的,通过定位HTML标记,

或使用属性选择器

[src="myimage.jpg"]

注意center标记已弃用,请勿使用它!

center > a > img {
  border: 10px black solid
}
[src="someUNIQUEaddress.gif"] {
  padding: 10px;
  background: red
}
blablabla lots of code that change from time to time blablabla

<center>
  <a href="somewhere">
    <img src="someUNIQUEaddress.gif">
  </a>
</center>

blablabla lots of code that change from time to time blablabla

答案 1 :(得分:0)

您可以通过两种方式实现这一目标,如下所示,在我的代码中,您可以与任何图片扩展程序进行比较,例如.jpg.gif.png

img[src='someUNIQUEaddress.gif'] {
 border:2px solid red;
}

[src$=".gif"] {
   border:2px solid yellow;
}
<img src="someUNIQUEaddress.gif">

<img src="sample.gif">

答案 2 :(得分:-1)

您正在搜索等效于[class='someUNIQUEthing']的内容。您可以使用以下内容:

img[src='someUNIQUEaddress.gif'] {
  border:2px solid red;
}
<img src="someUNIQUEaddress.gif">