第六周css笔记(一)

一，属性选择器

1，格式：[属性名] 选择含有指定属性的元素

[属性名=属性值] 选择含有指定属性和属性值的元素

[属性名^=属性值] 选择属性值以指定值开头的元素

[属性名$=属性值] 选择属性值以指定值结尾的元素

[属性名*=属性值] 选择属性值中含有某值的元素的元素

二，伪类选择器

1，伪类(不存在的类，特殊的类)：伪类用来描述一个元素的特殊状态

比如：第一个子元素，被点击的元素，鼠标移入的元素……

伪类一般情况下使用“：”开头

例 ：first-child 第一个子元素，last-child 最后一个子元素，nth-child()选中第n个子元素(特殊值：n，第n个，n的范围是0到正无穷。2n或even表示选中偶数位的元素，2n+1或odd表示选中奇数位元素)

 

①这些伪类都是根据所有的子元素进行排序

②first-of-type……功能与上述类似，不同的是他们是在同类型元素中进行排序。

2，：not()否定伪类：将符合条件的元素从选择器中去除

三，超链接的伪类

1，：link用来表示没访问过的链接(正常的链接)

  ：visited用来表示访问过的链接(由于隐私的原因，所以visited这个伪类只能修改链接的颜色)

2，：hover 用来表示鼠标移入的状态

3，：active 用来表示鼠标点击

 

四，伪元素选择器

1，伪元素：表示页面中一些特殊的并不真实存在的元素(特殊的位置)

伪元素使用：：开头

例 ：：first-letter 表示第一个字母，：：first-line 表示第一行，：：selection 表示选中的内容

2，：：before，元素开始的位置，：：after 元素的最后。(需要结合content属性来使用)