:first-child 在 IE7 的 Bug

对于结构性伪类选择器 :first-child 的浏览器支持还是蛮好的,IE6 及以下不支持外,其他都支持;

用法及定义

:first-child 选择器用于选取属于其父元素的第一个子元素:

<style type="text/css">
div :first-child{ color: #f00; }
// 选择所有 div 里面的第一个子元素

div a:first-child { color: #ff0; }
// 选择所有 div 里面的第一个子元素并且这个子元素必须是 a 
// 如果第一个子元素不是 a 则不会选择任何元素
// <div><span>1</span><a>2</a><a>3</a></div> 像这样是不会选择任何元素的
</style>

Continue →

CSS3继承、特殊性、重要性与层叠

特殊性

同一个元素可以设置多个选择器,就会导致可能有重复的规则,但是浏览器不可能两个规则都显示,所以最终只会显示一个规则,那到底是运用哪一个规则呢?

答案就在于每个选择器的特殊性,最高特殊性的声明会胜出。

选择器的特殊性由选择器本身的组件确定。特殊性值表述为4个部分:0 0 0 0

Continue →

CSS3选择器整理总结

CSS选择器规则结构

规则结构由两基本部分组成:选择器(selector)和声明块(declaration block)

选择器必须以字母或下划线开头,其后可以是数字、字母、下划线、中横线等,区分大小写;

  • 声明块由一个或多个声明(declaration)组成;

  • 每个声明是一个属性—值对(property-value);

  • 每个样式表由一系列的规则组成;

    h1 {font-size:14px; color:#ff0;} 这是一条简单的声明,选择所有的 h1 标签,其中:

  • h1就是选择器;

  • {}大括号里面的是声明块;

    • font-size:14pxcolor:#ff0是两个声明;

    • font-sizecolor是属性;

    • 14px#ff0是值;

Continue →

CSSDOC

CSSDOC采用的是DocBlock,一个借鉴自PHPDocumentor项目的术语。一段DocBlock是一段可供人类和机器读取的数据块;

一段DocBlock/** 开头,以空格加 */ 结尾(像正常CSS注释一样)。而它的每一行必须以空格加星号(*)开头,否则将被文档生成器忽略。标签以@开始,紧跟着名字,中间不带空格。标签的描述或值应该放在标签名称之后,前面用空格分开。

Continue →