在属性选择器里，等号前面加上一个 ^ ，表示去选择属性是以等号后面的值开始的元素，如果是 $ 号，表示，以等号后面的值结尾 … 或者我们也可以使用 * 号，表示属性的值里包含等号后面设置的字符 …

下面我们可以选择文档里 alt 属性的值包含某个字符的图像元素 …

img[alt*="Viva"] {
border-radius: 50%;
}

你会看到样式应用在了这两个图像上，因为只有它们的 alt 属性的值里，包含 Viva 这个字符 …

如果想把这个样式应用到所有 src 属性里以 images/ 开头的图像元素上 .. 也就是在 images 目录里的所有的图像 …

img[src^='images/'] {
border-radius: 50%;
}

或者我们可以统一去为所有 .jpg 格式的图像添加这个样式 ..

img[src$='.jpg'] {
border-radius: 50%;
}