CSS-属性选择器

class 使用.

id使用#

属性选择器基本结构：基本属性[属性]

一：

<div class="homePage">

<p title="shuxing">1111</p>

</div>

p[title] {

color: red;

}

二：[属性=值]

<div class="homePage">

<p title="shuxing">1111</p>

</div>

p[title=shuxing] {

color: blue;

}

三：【属性~=值】空格隔开型

<div class="homePage">

<p title="shuxing shuxing2">1111</p>

</div>

p[title~=shuxing] {

color: blue;

}

四：【属性^=值】 以值为开始

<div class="homePage">

<p title="shuxing shuxing2">1111</p>

</div>

p[title^=shuxing] {

color: blue;

}

五：【属性$=值】 以值为结束

<div class="homePage">

<p title="shuxing shuxing2">1111</p>

</div>

p[title$=shuxing2] {

color: blue;

}