CSS img：基于alt值悬停

Question

谁能告诉我如何根据其alt -attribute值将某些CSS应用于<img>标记？

例如，我的图像的ALT值为DISAPPEAR

悬停时，我要设置

img[DISAPPEAR]:hover
{
  display:none;
}

上面的代码似乎不起作用:(

Answer 1

干得好：

img[alt="DISAPPEAR"]:hover
 {
 display:none;
 }

它的工作原理是这样的： selector[attribute="value"]

Answer 2

正如CoderOfHonor所说，您应该使用

img[alt="DISAPPEAR"]:hover
{
  display:none;
}

但是要在IE 8或更早版本中工作，您应该具有<!DOCTYPE> ！