CSS常用选择器

2 篇文章 0 订阅

Css常用选择器:
   选择器              例子                  描述
  类名选择器             .类名名称          class="类名名称"
  id选择器                  #id名称             id="id名称"
  标签选择器             <标签名>               div{}
  标签名群组选择器        标签名,标签名    可以同时查找多个标签对象设定样式 
  标签包含选择器            标签名 标签名    div p :找到div盒子里面所有的p标签
  父子标签选择器            父标签>子签名    选中父标签里面所有的子标签 
  

  指定标签选择器           标签1+标签2               选中紧接着标签1的标签2
  标签属性选择器            标签名[标签属性名]         选中带有该指定属性名的标签
  标签属性值选择器        标签名[标签属性名=属性值]  选中带有该指定属性名及属性值标签
  标签属性值包含选择器        标签名[标签属性名~=值]     选中带有该属性名包含属性值的标签
  标签属性值匹配选择器         标签名[标签属性名|=值]     选中带有该属性名匹配(开头)属性值选择标签
  
  输入框焦点选择器         输入框:focus          选择获取焦点的输入框
  首字母选择器             元素对象:first-letter     选择元素首字母
  首行选择器                 元素对象:first-line       选择元素首行
  字元素选择器             子元素:first-child        选择父元素里面的子元素
  元素前插入选择器      元素:before           在元素前面添加内容
  元素后插入选择器      元素:after               在元素后面添加内容


超链接常用选择器:
    :link{}        ——   超链接默认访问选择器,不建议使用 可直接通过标签选择器替代
    :visited{}    ——   超链接访问过后选择器 
    :hover{}    ——   超链接鼠标触发选择器
    :active{}    ——   超链接鼠标点击选择器
 

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值