资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

CSS样式表的属性选择器的四种格式

来源:常德网站设计 | 2014.03.13

属性选择器(Attribute Selectors),或许你不应该对属性选择器感到生疏,从本质上说,id跟类选择器其实就是属性选择器,只不过是选择了id或者类的值(value)而已。

属性选择器的格式是元素后跟中括号,中括号内带属性,或者属性表达式(不知道描述是否正确,自创的词),比如h1[title], h1[title="Logo"]等,你可以从我下面的论述中看到4种具体形式。

1、简易属性选择器

只顾其名不顾其值,这是简易属性选择器的特点。

h1[class] {color: silver;}将会作用于任何带class的h1元素,不管class的值是什么。所以常德网站建设,常德网站设计,万讯互动h1 class="hoopla">Hello常德网站建设,常德网站设计,万讯互动/h1>、常德网站建设,常德网站设计,万讯互动h1 class="severe">Serenity常德网站建设,常德网站设计,万讯互动/h1>、常德网站建设,常德网站设计,万讯互动h1 class="fancy">Fooling常德网站建设,常德网站设计,万讯互动/h1>的h1都会受到这条规则的影响。

当然,这个“属性”不仅仅是class或者id,可以是该元素所有合法属性,比如img的alt,这样img[alt]{css declarations here;}将会作用于任何带有alt属性的img元素。那么a[href][title] {font-weight: bold;}呢?聪明的你一定已经知道,这会作用于同时带href和title属性的a元素,比如常德网站建设,常德网站设计,万讯互动a href="http://www.cdwanxun.com/


12年
建站经验

多一份参考,总有益处

联系万讯互动,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

咨询热线:18692386458