CSS 屬性選擇器_動力節(jié)點Java學院整理
發(fā)布時間：2017-06-22 10:07:59 作者：w3school 
我要評論
我要評論對帶有指定屬性的 HTML 元素設置樣式?？梢詾閾碛兄付▽傩缘?HTML 元素設置樣式，而不僅限于 class 和 id 屬性。下文給大家介紹了css屬性選擇器的相關知識，感興趣的朋友一起看看吧
對帶有指定屬性的 HTML 元素設置樣式。
可以為擁有指定屬性的 HTML 元素設置樣式，而不僅限于 class 和 id 屬性。
注釋：只有在規(guī)定了 !DOCTYPE 時，IE7 和 IE8 才支持屬性選擇器。在 IE6 及更低的版本中，不支持屬性選擇。
屬性選擇器
下面的例子為帶有 title 屬性的所有元素設置樣式：
[title]
{
color:red;
}
屬性和值選擇器
下面的例子為 title="W3School" 的所有元素設置樣式：
[title=W3School]
{
border:5px solid blue;
}
屬性和值選擇器 - 多個值
下面的例子為包含指定值的 title 屬性的所有元素設置樣式。適用于由空格分隔的屬性值：
[title~=hello] { color:red; }
下面的例子為帶有包含指定值的 lang 屬性的所有元素設置樣式。適用于由連字符分隔的屬性值：
[lang|=en] { color:red; }
設置表單的樣式
屬性選擇器在為不帶有 class 或 id 的表單設置樣式時特別有用：
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;
}
CSS 選擇器參考手冊
|
選擇器
|
描述
|
|
用于選取帶有指定屬性的元素。
|
|
|
用于選取帶有指定屬性和值的元素。
|
|
|
用于選取屬性值中包含指定詞匯的元素。
|
|
|
用于選取帶有以指定值開頭的屬性值的元素，該值必須是整個單詞。
|
|
|
匹配屬性值以指定值開頭的每個元素。
|
|
|
匹配屬性值以指定值結尾的每個元素。
|
|
|
匹配屬性值中包含指定值的每個元素。
|
相關文章
- 本文總結了30個CSS3選擇器,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-04-13
- 下面小編就為大家?guī)硪黄媪私鈉ss 屬性選擇器。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-07-20
- CSS3的諸多革命性改進中,對屬性選擇器的增強絕對是亮點之一,這里我們就來詳解CSS3中屬性選擇器新增加的特性,需要的朋友可以參考下2016-07-11
- 本篇文章給大家介紹css3選擇器的使用方法匯總，包括通用選擇器，屬性選擇器，偽類選擇器，對css3選擇器相關知識感興趣的朋友一起學習吧2015-11-24
- 這篇文章主要介紹了CSS屬性簡寫和選擇器的優(yōu)先級問題,是CSS入門學習中的基礎知識,需要的朋友可以參考下2015-08-15
- 上一切在《CSS3選擇器——基本選擇器》中主要介紹了CSS3選擇器的第一部分，這節(jié)主要和大家一起來學習CSS3選擇器的第二部分——屬性選擇器2012-01-21
CSS屬性選擇器的四種格式-CSS教程-網(wǎng)頁制作-網(wǎng)頁教學網(wǎng)
屬性選擇器（AttributeSelectors），或許你不應該對屬性選擇器感到陌生，從本質(zhì)上說，id跟類選擇器其實就是屬性選擇器，只不過是選擇了id或者類的值（value）而已。2008-10-17css對邊框的屬性控制和鏈接的偽類選擇器-CSS教程-網(wǎng)頁制作-網(wǎng)頁教學網(wǎng)
原文：http://jorux.com/archives/property-3-if-you-love-css/ 本篇主要介紹css對邊框(border)的屬性控制和鏈接(link)的偽類選擇器. 邊框(border): css控制的邊框?qū)?/div> 2008-10-17CSS屬性選擇器非常神奇，它們可以幫你避免添加數(shù)不勝數(shù)的類名，從另一方面來指出你代碼里的一些問題。接下來通過本文給大家介紹使用CSS屬性選擇器來拼接HTML的DNA的方法，2018-11-02最新評論