CSS伪类、伪元素选择器
来源:互联网 发布:淘宝主店铺旺旺怎么找 编辑:程序博客网 时间:2024/05/16 01:21
1 伪类选择器
条件一:根据元素不同的状态,自动选择不同的样式
first-child
a:hover鼠标划过的时候添加样式
a:active鼠标点击的时候添加样式,
a:link链接地址未被访问时候添加,必须设置href属性
a:visite链接地址已经被访问的时候添加样式,必须设置href属性
<style type="text/css">
a{
text-decoration:none;
}
/* a:hover{
text-decoration: underline;
font-size: 30px;
}*/
/* a:active{
color: yellow;
}*/
/*a:link{
color: yellow;
}*/
/* a:visited{
color: gray;
}*/
</style>
</head>
<body>
<a href="http://www.huadianedu99999.com/"target="_blank">华点软件学院</a>
</body>
input:focus鼠标点击输入框,背景颜色会变化。
input:focus{
background-color: #3695ff;
}
<input tyoe="text">
2 伪元素选择器
需要设置特殊效果的内容放到一个元素(标签)里面
first-letter,选择第一个元素
first-line,选择第一行
before,在之前添加内容
after,在之后添加内容
li:after{
content:'。';
}
- CSS伪元素,伪类选择器
- css伪类、伪元素选择器
- CSS选择器和伪类、伪元素
- CSS选择器 伪类及伪元素
- CSS伪类、伪元素选择器
- CSS伪元素选择器
- CSS-伪元素选择器
- CSS 伪元素选择器
- CSS选择器之【伪类/元素选择器】
- css伪类选择器与伪元素选择器区别
- CSS中选择器以及伪类和伪元素选择器
- CSS选择器:属性选择器+后代选择器+子元素选择器+相邻兄弟选择器+伪类+伪元素
- CSS 伪类、伪元素、选择器的使用
- WEB前端 -- CSS伪类、伪元素选择器
- Css的伪元素选择器
- html css伪元素选择器
- CSS:CSS选择器之【伪类/元素选择器】
- css 伪类 伪元素
- 写好Java代码的30条经验总结
- java类加载与初始化
- Vi/Vim全局替换基本语法
- 冒泡排序
- 论文阅读理解
- CSS伪类、伪元素选择器
- IoT小能手:机智云自助开发平台及云服务小白体验
- TCP服务通讯
- 结构体优先队列自定义优先度
- Python格式化字符
- IntelliJ IDEA 2017破解方法.有效期2099年
- 浏览器的渲染原理简介
- Shell系列—Shell printf 命令
- ActiveMq实现图片传输的过程。