国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

屬性選擇器

對具有指定屬性的 HTML 元素設(shè)定樣式。

可以為擁有指定屬性的 HTML 元素設(shè)定樣式,而不僅限於 class 和 id 屬性。

註解:只有在規(guī)定了 !DOCTYPE 時,IE7 和 IE8 才支援屬性選擇器。在 IE6 及更低的版本中,不支援屬性選擇。


屬性選擇器

下面的範(fàn)例為所有帶有title 屬性的元素設(shè)定樣式:

[title]{color:red;}

屬性和值選擇器

下面的範(fàn)例為title="php" 的所有元素設(shè)定樣式:

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


##屬性和值選擇器- 多個值

下面的範(fàn)例為包含指定值的title 屬性的所有元素設(shè)定樣式。適用於由空格分隔的屬性值:

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

下面的範(fàn)例為帶有包含指定值的 lang 屬性的所有元素設(shè)定樣式。適用於連字符分隔的屬性值:

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


#設(shè)定表單的樣式##屬性選擇器在為不帶有class 或id 的表單設(shè)定樣式時特別有用:

input[type="text"]{  
    width:150px;  
    display:block;  
    margin-bottom:10px; 
    background-color:yellow; 
    font-family: Verdana, Arial;
}
input[type="button"]{  
    width:120px;  
    margin-left:35px; 
    display:block;  
    font-family: Verdana, Arial;
}

繼續(xù)學(xué)習(xí)
||
<!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>可以應(yīng)用樣式:</h1> <h2 title="Hello world">Hello world</h2> <a title="php" href="http://php.cn">php中文網(wǎng)</a> <hr /> <h1>無法應(yīng)用樣式:</h1> <h2>Hello world</h2> <a href="http://php.cn">php中文網(wǎng)</a> </body> </html>