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

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

注意 属性选择器 ie6 不支持


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.mb5u.com/" title="mb5u Home"></a>。

2、精确属性值选择器

  id和类本质上就是精确属性值选择器,没错,h1#logo等于h1[>Jrooana!</h3>。

相关文章:

  • 2021-05-30
猜你喜欢
  • 2021-12-15
  • 2021-11-22
  • 2021-11-18
  • 2022-02-28
  • 2022-03-02
相关资源
相似解决方案