H5里面的a标签下的图片和文字，怎么实现点击后变换颜色并且原来的a标签变为默认色

可以使用CSS中的:hover伪类和:focus伪类来实现这个效果。

首先，为a标签设置默认的颜色：

a {
  color: #000; /* 默认颜色 */
}

然后，使用:hover伪类和:focus伪类来改变点击后的颜色：

a:hover,
a:focus {
  color: #f00; /* 点击后的颜色 */
}

这样，当鼠标移动到a标签上或者a标签获得焦点时，文字颜色就会变为指定的颜色。如果需要同时改变图片颜色，可以使用CSS中的filter属性，如下所示：

a:hover img,
a:focus img {
  filter: grayscale(100%); /* 图片变为灰色 */
}

这样，当鼠标移动到a标签上或者a标签获得焦点时，图片就会变为灰色。完整的代码如下：

a {
  color: #000; /* 默认颜色 */
}

a:hover,
a:focus {
  color: #f00; /* 点击后的颜色 */
}

a:hover img,
a:focus img {
  filter: grayscale(100%); /* 图片变为灰色 */
}