css屬性選擇器

使用例子：

html**：

doctype html

>
<
html 
lang
="en"
>
<
head
>
<
meta 
charset
="utf-8"
>
<
title
>css選擇器
title
>
head
>
<
style 
type
="text/css"
>
/*以above開頭的class屬性
*/[class^="above"] 
/*以back結尾的class屬性
*/[class$="back"] 
/*有center的class屬性
*/[class*="center"] 
/*有whole、必須是整個單詞的class屬性
*/[class|="whole"] 
/*是specify的class屬性
*/[class~="specify"] 
style
>
<
body
>
<
div 
class
="exm"
>
<
div 
class
="above-1"
>class屬性名開頭是above字樣的，顯示的class樣式是class="above"的
div>
<
div 
class
="abovem1"
>class屬性名開頭是above字樣的，顯示的class樣式是class="above"的
div>
<
div 
class
="1-back"
>class屬性名結尾是back字樣的，顯示的class樣式是class="back"的
div>
<
div 
class
="m1back"
>class屬性名結尾是back字樣的，顯示的class樣式是class="back"的
div>
<
div 
class
="1-center"
>class屬性名裡有center字樣的，顯示的class樣式是class="center"的
div>
<
div 
class
="centerm1"
>class屬性名裡有center字樣的，顯示的class樣式是class="center"的
div>
<
div 
class
="whole-1"
>class屬性名開頭是whole字樣的，並且是整個單詞，顯示的class樣式是class="whole"的
div>
<
div 
class
="wholem1"
>我就不是
div>
<
div 
class
="specify"
>class屬性名是specify字樣的，並且是整個單詞，顯示的class樣式是class="specify"的
div>
div>
body
>
html
>

CSS選擇器 屬性選擇器

最近重新學習了css3，發現選擇器還能這麼玩。介紹一下屬性選擇器 我給咱們順著往下縷一縷 資訊量挺大 剛開始是這樣子 如下 doctype html head meta charset utf 8 title 測試網頁 title style h1 m1 style head body div h1...

CSS屬性選擇器

簡單屬性選擇器，如 css h1 class html 那麼以上h1標籤裡的內容字型顏色都會改變。同時我們也可以通過這種方法來給自己建立的標籤加上樣式，如 css planet moon html venus earth mars 這樣的話，第二條和第三條就會被加上樣式。還可以根據標籤裡的具體屬性值...

CSS屬性選擇器

css 2 引入了屬性選擇器。屬性選擇器可以根據元素的屬性及屬性值來選擇元素。如果希望選擇有某個屬性的元素，而不論屬性值是什麼，可以使用簡單屬性選擇器。如果您希望把包含標題 title 的所有元素變為紅色，可以寫作 title 親自試一試 與上面類似，可以只對有 href 屬性的錨 a 元素 應用樣...