web前端开发笔记:CSS伪类总结
来源:互联网 发布:开淘宝店对产品的要求 编辑:程序博客网 时间:2024/06/09 20:13
在CSS2.1中,伪类包括链接伪类、动态伪类、静态伪类。
1.链接伪类:链接伪类适用于超链接标签,包括:link与:visited两个伪类。:visited可以对已经访问过的地址超链接进行样式定义。而:link标签则可以对包含无实际意义的所有未访问超链接进行样式定义,如<a name="section">Just the way you are</a>
(链接无href属性,即非链接)。
2.动态伪类:动态伪类包括:focus,:hover,:active三个伪类,:focus指示当前拥有输入焦点的元素(如键盘输入,可突出显示准备接受键盘输入的表单元素);:hover指示鼠标指针停留在哪个元素上;:active指示被用户输入激活的元素(如被鼠标点击的超链接)。
小结:以上两类伪类进行定义时的顺序非常重要,遵循love-hate原则,即link-visited-hover-active的顺序。
3.静态伪类:静态伪类包括:first-child,:first-letter,:first-line等伪类,这里重点介绍:first-child伪类。:first-child用于选择元素的第一个元素,注意这里选择到的元素是作为某元素的第一个子元素的元素,而非该元素的第一个子元素。如:
<div><p>Do <em>not</em>push the brake at the same time as the accelerator.</p><ul><li>Insert key</li><li>Turn key</li><li>Push accelerator</li></ul></div>p:first-child{font-weight:bold;}li:first-child{text-transform:uppercase;}
结果是对p元素内容设置粗体,对第一个li元素进行大写。
阅读全文
0 0
- web前端开发笔记:CSS伪类总结
- WEB前端 -- CSS伪类、伪元素选择器
- web前端-CSS 伪类 -022
- 【从0到1学Web前端】CSS伪类和伪元素
- 【从0到1学Web前端】CSS伪类和伪元素
- Web前端-HeadFirst笔记-CH10 span div 伪类
- Web前端开发:DIV+CSS网页布局总结
- web前端开发企业级CSS常用命名,书写规范总结
- Web前端开发最佳实践总结三:CSS最佳实践
- web前端开发总结
- web前端开发总结
- Web前端开发【html+css+javascript+Dom+jQuery】问题笔记
- Web前端开发笔记:CSS中的对象(元素)
- web前端开发笔记
- web前端开发笔记
- web前端开发笔记
- web前端开发笔记
- web前端开发笔记
- Error: Host ' is not allowed to connect to this MariaDB server at Error (native
- 2017第九届广州国际园林机械与园艺工具展 2017第九届广州国际园林景观与美好人居博览会 第九届广州国际花卉盆栽及花店花园用品展览会 2017中国花卉展览会 第九届广州国际绿化苗木展会刊(参展商名录
- pyspark-评估指标
- jdk源码解析(八)——Java虚拟机字节码执行引擎
- jmeter常见问题(二)编码格式错误
- web前端开发笔记:CSS伪类总结
- 微信支付---解析微信返回值
- 开源项目
- 关于安防与大数据 不能不说的九个发展趋势
- Android零基础入门第78节:四大组件的纽带——Intent
- angular4学习经验总结1
- iOS关于webView交互使用(包含js)
- 零售大数据分析应用的四个阶段
- 建立本地yum源