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