浅谈css常用伪类用法
2024-09-05 09:20:40
着重写一下after和before的用法:
css样式搞定:标签元素+伪类after
a.'class名':after{//我的样式名称是这个,可以写成你自己的样式名称
content: '已打包';
display: inline-block;
min-width: 10px;
padding: 3px 7px;
margin-left: 2px;
font-size: 12px;
font-weight: bold;
color: #fff;
line-height: 1;
vertical-align: middle;
white-space: nowrap;
text-align: center;
background-color: #009bdb;
border-radius: 10px;
}
有时可以用来和checkbox绑定,如果我们想做勾选了复选框有什么变化就可以用
css3兄弟选择器:input:checked+label:after{css样式},只要被选中,label标签就会有相应的样式变化;
before是放在元素的前面,用法与after相似
最新文章
- 高并发下MySQL出现checking permissions
- 项目修改有感_主要是以js、Gridview为主
- A.Kaw矩阵代数初步学习笔记 8. Gauss-Seidel Method
- SublimeText为啥选择Python开发extension
- IOS行货自动打包
- jquery选择器中两个class是什么意思?
- 换个心境搞IT,在IT职场如何打拼?
- 2015年iOS测试现状
- Flex数据交互之Remoting[转]
- Activity之间的数据传递(Arraylist)
- java基础之反射
- C# 读书笔记之访问虚方法、重写方法和隐藏方法
- ural 1353. Milliard Vasya's Function(dp)
- Divide Groups(分组)
- Shiro学习之身份验证
- SQLServer之触发器简介
- Java_延迟操作
- HAOI2016 简要题解
- html-伪类
- python文件打开方式详解——a、a+、r+、w+区别