css 使用属性选择器匹配设置样式，如图片的 title 属性中如果带有 nowjava 单词，则会设置为红色边框。
图片的 title 属性中如果带有 "flower" 单词，则会设置为黄色边框。要在 IE8 及其更早版本下起作用， DOCTYPE 是必须声明的。
实例源码：
源代码：
执行
执行中...
x
1
<!DOCTYPE html>2
<html>3
<head>4
<meta charset="utf-8"> 5
<title>时代Java与您共同学习(NowJava.com)</title> 6
<style>7
[title~=nowjava]8
{9
border:5px solid yellow;10
}11
</style>12
</head>13
<body>14
15
<p>图片的 title 属性中如果带有 "nowjava" 单词，则会设置为黄色边框，需要整词完全匹配</p>16
17
<img src="https://nowjava.com/static/uv/i/nowj_logo_small.png" title="nowjava" />18
<img src="https://nowjava.com/static/nowjava/mpcode.png" title="nowjava.com" />19
<img src="https://nowjava.com/web-res/ui/202001/2/pq4c7jwgk.png" title="java" />20
21
/**代码未完, 请加载全部代码(NowJava.com).**/执行结果：
本文系作者在时代Java发表，未经许可，不得转载。如有侵权，请联系nowjava@qq.com删除。
编辑于
关注时代Java