CSS-选择器

#id{} id选择器 
    #firstname 选择id="firstname" 的所有元素。

.class{} 类选择器 
    .intro 选择class="intro" 的所有元素。

element{} 标签选择器
    div 选择所有div元素

*{} 通配符选择器,选择所有元素。

element element{} 层级选择器 
    div p 选择 <div> 元素内部的所有 <p> 元素。

element,element{} 组选择器 
    div,p 选择所有div元素和所有 <p> 元素。

element>element{} 子选择器 
    div>p 选择div元素的所有p元素。

element+element{} 兄弟选择器 
    div+p 选择紧接在div元素之后的所有p元素。

属性选择器
    [target] 选择带有 target 属性所有元素。
    [target=_blank] 选择 target="_blank" 的所有元素。伪类选择器

a:hover 鼠标悬浮时
input:focus 获取焦点时
    
a:link 选择所有未被访问的链接。
a:visited 选择所有已被访问的链接。
a:active 选择活动链接。


选择器优先级
id>class>标签>通配符>继承>浏览器默认

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值