css选择器

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    选择器匹配每个被禁用的元素(大多用在表单元素上)        

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值