pemilih atribut

Tetapkan gaya untuk elemen HTML dengan atribut tertentu.

Anda boleh menetapkan gaya untuk elemen HTML dengan atribut tertentu, bukan hanya atribut kelas dan id.

Nota: pemilih atribut sokongan IE7 dan IE8 hanya apabila !DOCTYPE ditentukan. Dalam IE6 dan lebih rendah, pemilihan atribut tidak disokong.

Pemilih Atribut

Contoh berikut menggayakan semua elemen dengan atribut tajuk:

rreee

Pemilih atribut dan nilai

Contoh berikut menggayakan semua elemen dengan title="php":

[title]{color:red;}

Pemilih Nilai Jumlah Atribut - Berbilang Nilai

Contoh berikut menetapkan gaya untuk semua elemen yang mengandungi atribut tajuk dengan nilai yang ditentukan. Digunakan pada nilai atribut yang dipisahkan oleh ruang:

[title=php]{border:5px solid blue;}

Contoh berikut menggayakan semua elemen dengan atribut lang yang mengandungi nilai yang ditentukan. Digunakan pada nilai atribut yang dipisahkan sempang:

[title~=hello] { color:red; }

Tetapkan gaya borang

Pemilih atribut tanpa Sangat berguna apabila menetapkan gaya untuk kelas atau borang id:

[lang|=en] { color:red; }

QQ截图20161012090827.png

Meneruskan pembelajaran

fail baharu

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1
    -transitional.dtd">
<html>
<head>
<style type="text/css">
[title]
{
color:red;
}
</style>
</head>
<body>
<h1>可以应用样式：</h1>
<h2 title="Hello world">Hello world</h2>
<a title="php" href="http://php.cn">php中文网</a>
<hr />
<h1>无法应用样式：</h1>
<h2>Hello world</h2>
<a href="http://php.cn">php中文网</a>
</body>
</html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX