属性选择器（AttributeSelectors），或许你不应该对属性选择器感到陌生，从本质上说，id跟类选择器其实就是属性选择器，只不过是选择了id或者类的值（value）而已。
　　属性选择器的格式是元素后跟中括号，中括号内带属性，或者属性表达式（不知道描述是否正确，自创的词），比如h1[title],h1[title="Logo"]等，你可以从我下面的论述中看到4种具体形式。
1、简易属性选择器
　　只顾其名不顾其值，这是简易属性选择器的特点。
　　h1[class]{color:silver;}将会作用于任何带class的h1元素，不管class的值是什么。所以<h1class="hoopla">Hello</h1>、<h1class="severe">Serenity</h1>、<h1class="fancy">Fooling</h1>的h1都会受到这条规则的影响。
　　当然，这个“属性”不仅仅是class或者id，可以是该元素所有合法属性，比如img的alt，这样img[alt]{cssdeclarationshere;}将会作用于任何带有alt属性的img元素。那么a[href][title]{font-weight:bold;}呢？聪明的你一定已经知道，这会作用于同时带href和title属性的a元素，比如<ahref="http://www.ruanchen.com/'day!</div>而不匹配<plang="fr">Bonjour!</p>和<h3lang="cy-en">Jrooana!</h3>。
　　说完了，呵……CSS因你而强大，好好练吧。                                                    

评论 (0) All

登陆 还没注册？