4.6层叠

在本书的[2.3.1 (X)HTML与浏览器内置样式]一节曾经介绍过,样式表可能有三个不同的来源:制作者、用户和浏览器。这三个来源的样式表可能在范围上有重叠,它们根据层叠规则互相作用。

4.6.1 层叠的顺序

CSS的层叠对每一个样式规则指定一个权重。如果要应用若干个规则,那么权重最大的那个规则具有优先权。层叠规则依据下面几个步骤进行:

…阅读全文…

[最强]福大侠勇斗豹克斯狂魔!

猫年狗月的某一天,一个可怕的豹克斯(Box)狂魔出现在阳光谷,和谐宁静的生活一下子被打乱了,于是英勇无畏的福大侠决定要为民除害!

…阅读全文…

保姆

2008年5月22日 星期四 9:16:58 保姆

邻居在院子里捡了只小奶猫,可是她要去上海,于是我就成了猫保姆。

自从把白白的孩子送出去,好久没有见过小奶猫了。

…阅读全文…

4.5 继承

在本书的[3.3.2继承与层叠]一节曾经简要介绍过继承:(X)HTML元素可以从其父元素那里继承部分CSS属性,即使当前元素并没有定义该属性。

4.5.1 值的继承

继承也是基于文档树的,文档树中元素的某些属性可以被其子元素继承,每一个CSS属性都定义了它能否被继承。例如有下列代码,其在浏览器内显示如图4-29所示。

…阅读全文…

4.4 指定值、计算值和实际值

制作者定义CSS时,不需要对每个属性都指定一个值,而对于解释网页的用户端(例如:浏览器),当它解析了一个文档并且生成了文档树,它必须为文档树中的每一个元素,根据目标媒介类型所适用的每一个属性,指定一个值。也就是说,无论制作者是否在CSS中定义了某个属性,每个属性都有一个值,可能是制作者定义得值,也可能是属性的初始值,或者浏览器内部样式的值。

…阅读全文…

4.2 CSS选择器(4)——属性选择器(Attribute Selectors)

  1. 4.2 CSS选择器(1)――通配选择器、类型选择器与ID选择器
  2. 4.2 CSS选择器(2)――类选择器与包含选择器
  3. 4.2 CSS选择器(3)――子元素选择器和相邻兄弟选择器
  4. 4.2 CSS选择器(4)——属性选择器(Attribute Selectors)

4.2.8 属性选择器(Attribute Selectors)

顾名思义,属性选择器可以根据某个属性是否存在或属性的值来匹配元素。因此能够实现一些比较复杂的匹配。
属性选择器有四种匹配方式,各有特色。

…阅读全文…

4.2 CSS选择器(3)――子元素选择器和相邻兄弟选择器

  1. 4.2 CSS选择器(1)――通配选择器、类型选择器与ID选择器
  2. 4.2 CSS选择器(2)――类选择器与包含选择器
  3. 4.2 CSS选择器(3)――子元素选择器和相邻兄弟选择器
  4. 4.2 CSS选择器(4)——属性选择器(Attribute Selectors)
提示:截止到本书完稿之日,主流的浏览器都支持以上几种选择器。而下面所列的选择器,则会有部分浏览器不支持。在以下的章节中,除非特别声明,则IE 7.0、Firefox 2.0及Opera 8.5以及更高版本的浏览器中都支持,而IE 6.0及更早的版本则不支持。

4.2.6 子元素选择器(Child Selectors)

子元素选择器的功能和包含选择器很像,其匹配也是基于文档树的关系,其定义如图4-8所示。

…阅读全文…