css选择器有哪些?优先级?哪些属性可以继承?

5 篇文章 0 订阅

css属性选择器常用的有:

    id选择器(#box),选择id为box的元素

    类选择器(.one),选择类名为one的所有元素

    标签选择器(div),选择标签为div的所有元素

    后代选择器(#box div),选择id为box元素内部所有的div元素

    子选择器(.one>one_1),选择父元素为.one的所有.one_1的元素

    相邻同胞选择器(.one+.two),选择紧接在.one之后的所有.two元素

    群组选择器(div,p),选择div、p的所有元素

还有一些使用频率相对没那么多的选择器:

伪类选择器

:link :选择未被访问的链接

:visited:选取已被访问的链接

:active:选择活动链接

:hover :鼠标指针浮动在上面的元素

:focus :选择具有焦点的

:first-child:父元素的首个子元素

伪元素选择器

:first-letter :用于选取指定选择器的首字母

:first-line :选取指定选择器的首行

:before : 选择器在被选元素的内容前面插入内容

:after : 选择器在被选元素的内容后面插入内容

属性选择器

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

[attribute=value] 选择所有使用attribute=value的元素

[attribute~=value] 选择attribute属性包含value的元素

[attribute|=value]:选择attribute属性以value开头的元素

层次选择器(p~ul),选择前面有p元素的每个ul元素

优先级:

内联 > ID选择器 > 类选择器 > 标签选择器

内联样式的优先级最高,如果外部样式需要覆盖内联样式,就需要使用!Important

继承:

在css中,继承是指的是给父元素设置一些属性,后代元素会自动拥有这些属性

关于继承属性,可以分成:

字体系列属性

文本系列属性

元素可见性

表格布局属性

列表属性

引用

光标属性

继承中比较特殊的几点:

    a 标签的字体颜色不能被继承

    h1-h6标签字体的大下也是不能被继承的

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值