超越css读书笔记

一、运用所有有效的css选择符

1、属性选择符（基于一个元素是否有属性名称，例如href，或者属性值） 例如：img[alt]{border:1px;} 所有包含alt属性的图像都将会有一个灰色的边框 p[class="rant"]{text-transform:uppercase;} 基于属性的内容来格式化一个元素

2、子对象选择符 以给所有元素的直属子对象为目标。 由两个或者更多的以>连接符为分隔的选择符组成。

3、相邻选择符 + 它匹配与第一个元素相邻的下一个元素。同时元素必须有相同的父级，并且第一个元素要在第二个元素之前。

二、伪类和伪对象

1、伪类是通过对象的特征对其进行格式化，而不是通过它们的标识符，属性或者内容。 伪类：first-child 将匹配一个元素的第一个子对象 动态伪类：具有动态特征的伪类——：例如：input[type=text]:focus

2、伪对象： first-line 将段落的第一行作为目标。 first-letter 元素的第一个字母或者数字作为目标。