超越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 元素的第一个字母或者数字作为目标。

原文地址:https://www.cnblogs.com/tina-smile/p/3975153.html