1 <!DOCTYPE html PUBLIC
"-//W3C//DTD HTML 4.01//EN">
4 <title>Attribute value selectors (hyphen-separated attributes)
</title>
5 <style type=
"text/css">p
{ background-color : red
}
6 p
[lang|
="en"] { background-color : lime
}
7 address
{ background-color : red
}
8 address
[lang
="fi"] { background-color : lime
}
9 span
[lang|
="fr"] { background-color : red
}</style>
10 <link rel=
"first" href=
"css3-modsel-1.html" title=
"Groups of selectors">
11 <link rel=
"prev" href=
"css3-modsel-7b.html" title=
"Attribute multivalue selector">
12 <link rel=
"next" href=
"css3-modsel-9.html" title=
"Substring matching attribute selector (beginning)">
13 <link rel=
"last" href=
"css3-modsel-d5e.html" title=
"NEGATED :indeterminate with :checked">
14 <link rel=
"up" href=
"./index.html">
15 <link rel=
"top" href=
"../../index.html">
18 <p lang=
"en-gb">This paragraph should have green background because its language is
"en-gb
"</p>
20 <span lang=
"en-us">This address should also
</span>
21 <span lang=
"en-fr">have green background because the language of the inner SPANs