css3屬性選取器

標籤：fast   ast   logs   type   demo   資料   指定   gen   http   

demo內容

將元素屬性用於選取器中，從而擷取指定元素屬性或者值得元素文法：

[屬性] : 具備 指定屬性 的所有元素全部匹配出來

　　　元素[屬性] : 匹配具備 屬性的 指定元素

　　　　　　p[id] : 匹配具備id屬性的p元素
　　　　　　div[class] :
　　元素[屬性1][屬性2] :
　　　　　　p[id][class] : 匹配出所有即具備id屬性，又具備class屬性的p元素
　　元素[屬性=值] :
　　　　　　input[type="text"] : 匹配type的值為text的input元素
　　元素[屬性~=值] :
　　　　　　input[class ~= second] :
　　　　　　<input class="first second" />
　　　　　　<input class="myseconddiv" />

~= : 包含指定的資料（獨立）
　　= : 只有指定的資料
　　　　元素[屬性^=值] : 匹配指定屬性以指定值開始的指定元素　　
　　　　　　p[class^=f] : 匹配class以f開始的p元素
　　　　　　<p class="first"></p>可以匹配
　　　　　　<p class="fast"></p>可以匹配
　　　　　　<p class="second"></p>不能匹配
　　元素[屬性*=值] : 屬性包含值元素
　　　　　　p[class*="valid"];
　　　　　　<p class="myvalid"></p>
　　元素[屬性$=值] : 匹配屬性以指定值結束的元素
　　元素[屬性!=值] : 匹配屬性不等於具體值得元素

　　eg:
　　　　input[id] : 擷取具備id屬性的input元素
　　　　<input type="text" />
　　　　<input type="radio" id="rdoGender" />

css3屬性選取器