首页 / CSS3 / CSS3中选择器有哪些语法
CSS3中选择器有哪些语法
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了CSS3中选择器有哪些语法,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1493字,纯文字阅读大概需要3分钟。
内容图文
今天给大家介绍一下在CSS3中的常用选择器语法,语法一般分为三种,基本选择器语法,层次选择器语法和动态伪类选择器语法。下面就给大家详细的解读一下。1,基本选择器语法
(1)* 通配选择器 选择文档中所以HTML元素
(2)E 元素选择器 选择指定类型的HTML元素
#id ID选择器 选择指定ID属性值为“id”的任意类型元素
.class 类选择器 选择指定class属性值为“class”的任意类型的任意多个元素
selector1,selectorN 群组选择器 将每一个选择器匹配的元素集合并
2,层次选择器语法
(1)E F 后代选择器(包含选择器) 选择匹配的F元素,且匹配的F元素被包含在匹配的E元素内
(2)E>F 子选择器 选择匹配的F元素,且匹配的F元素所匹配的E元素的子元素
(3)E+F 相邻兄弟选择器 选择匹配的F元素,且匹配的F元素紧位于匹配的E元素的后面
(4)E~F 通用选择器 选择匹配的F元素,且位于匹配的E元素后的所有匹配的F元素
3,动态伪类选择器语法
(1)E:link 链接伪类选择器 选择匹配的E元素,而且匹配元素被定义了超链接并未被访问过。常用于链接描点上
(2)E:visited 链接伪类选择器 选择匹配的E元素,而且匹配元素被定义了超链接并已被访问过。常用于链接描点上
(3)E:active 用户行为选择器 选择匹配的E元素,且匹配元素被激活。常用于链接描点和按钮上
(4)E:hover 用户行为选择器 选择匹配的E元素,且用户鼠标停留在元素E上。IE6及以下浏览器仅支持a:hover
(5)E:focus 用户行为选择器 选择匹配的E元素,而且匹配元素获取焦点
相信看了以上介绍你已经掌握了方法,更多精彩请关注Gxl网其它相关文章!
相关阅读:
用H5制作烟花粒子特效的制作方法
让div宽度自适应教学
网页中使用h标签的开发经验
以上就是CSS3中选择器有哪些语法的详细内容,更多请关注Gxl网其它相关文章!
内容总结
以上是互联网集市为您收集整理的CSS3中选择器有哪些语法全部内容,希望文章能够帮你解决CSS3中选择器有哪些语法所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。