博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
css选择器
阅读量:6486 次
发布时间:2019-06-24

本文共 797 字,大约阅读时间需要 2 分钟。

一. 基本选择器

 

选择器 格式
元素选择器 标记名{/*声明块*/}
类选择器 .类名{/*声明块*/}
ID选择器 #id值{/*声明块*/}

 

 

 

 

二 .多元素的组合选择器

 

选择器 描述
E,F 组合/并集选择器,同时匹配所有E元素或F元素,E和F之间用逗号隔开
E F 后代选择器,匹配所有属于E元素后代的F元素,E和F之间用空格分隔
E>F 子级选择器,匹配所有E元素的儿子元素F

 

 

 

 

 

 

三.伪类选择器

 

选择器 描述
E:link 匹配所有未访问的链接
E:visited 匹配所有已访问的链接
E:hover 匹配鼠标悬停时的E元素
E:active 匹配鼠标点击时的E元素
E:nth-child(n) 匹配其父元素的第n个子元素
E:nth-last-child(n) 匹配其父元素的倒数第n个子元素
E:nth-of-type(n) 匹配使用同种标签的第n个元素
E:last-child 匹配父元素的最后一个子元素,等同于E:nth-last-child(1)
E:first-of-type 匹配父元素下使用同种标签的第一个元素,等同于E:nth-of-type(1)
E:last-of-type 匹配父元素下使用同种标签的最后一个元素

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

  

四.属性选择器

 

选择器 描述
E[attribute=value] 匹配所有attribute属性等于“value”的E元素
E[attribute^=value] 匹配所有attribute属性值是以“value”开始的E元素
E[attribute$=value] 匹配所有attribute属性值是以"value"结束的E元素
E[attribute*=value] 匹配所有attribute属性值包含有“value”的E元素

转载于:https://www.cnblogs.com/cherish00/p/7635354.html

你可能感兴趣的文章
DIV+CSS布局图片加阴影效果方法
查看>>
Python加密—HMACSHA1 加密
查看>>
Node.JS 学习路线图
查看>>
【HDU 5366】The mook jong 详解
查看>>
windows 安装ipython
查看>>
prometheus + influxdb + grafana + mysql
查看>>
mysqlshow命令的用法介绍
查看>>
zookeeper分布式锁的原理
查看>>
年前12天
查看>>
mongodb 的windows 下安装
查看>>
现行的web开发框架分析
查看>>
在ubuntu上安装apc扩展
查看>>
软件用户手册(软件使用说明书)模板
查看>>
使用jenkins进行git多分支项目打包时的一个小问题
查看>>
详谈为何不要使用Windows的notepad编写shell
查看>>
mac 10.11 安装mysql5.7.10压缩版
查看>>
linux【报错】userdel: user xiaoming is currently used by process 4713解决
查看>>
生产者消费者问题
查看>>
记下MD5验签可能出现的问题
查看>>
设计原则
查看>>