css选择器

来源:互联网 发布:网络推广类目 编辑:程序博客网 时间:2024/06/05 01:53

css选择器是经常用的,未免在去找别人的资料,先自己保存一份吧。

1、通配符选择器:*

      用来选择所有元素,也可以是某个元素下面的所有元素

2、标签选择器(元素选择器)

       以文档元素作为选择符

      E{

         css规则

}

3、ID选择器

      唯一标识符ID作为选择符

 #ID{}

4、类选择器

      类名作为选择符

      .class{}

5、群组选择器

     多个选择符应用同样的样式规则

6.1、后代选择器

      E F{}                    元素E的任意后代元素F

6.2、 子元素选择器

     E>F{}                   选择父元素E下面的所有F元素

6.3、相邻兄弟元素

     E+F{}                  选择E元素紧跟的F元素

7、属性选择器

      a.     E[attribute]   选择带有attribute属性的元素

      b.      E[attribute= value]    选择属性值为value的元素

      c.       E[attribute~= value]   选择属性值包含value的元素(选取属性值中包含指定词汇的元素)

      d.      E[attribute|= value]     选择属性值以value开头的元素(选取带有以指定值开头的属性值的元素。)

8、伪类选择器

    :link     未被访问

    :visited   已被访问

    :hover   鼠标移动到元素上面的效果

    :active   点击元素的那一下效果

    :focus    用于元素成为焦点   一般用于表单元素

9、 其他选择器

    css3中选择器:

            nth-child()选择器匹配属于其父元素的第 N 个子元素,不论元素的类型。odd和even,用于匹配下标是奇数或偶数的子元素的关键词(第一个子元素的下标是 1)。

       :nth-last-child(n) 选择器匹配属于其元素的第 N 个子元素的每个元素,不论元素的类型,从最后一个子元素开始计数

       :enable 选择器匹配每个已启用的元素(大多用在表单元素上)

       :disabled    选择器匹配每个被禁用的元素(大多用在表单元素上)