一、伪类 1、: link{} （未访问链接的状态） 2、: hover{} （鼠标放上去的一个状态） 3、: active{} （鼠标点击上去的一个状态） 4、: visited{} （访问之后的一个链接状态） 注意：hover{} 用于所有标签，其它三个只用于 a 标签 二、定位 1、相对定位（ ...
分类：
Web程序 时间：
2021-04-14 12:38:02
阅读次数：
0
修改滚动条样式 ::-webkit-scrollbar CSS伪类选择器影响了一个元素的滚动条的样式，仅仅在支持WebKit的浏览器 (例如, 谷歌Chrome, 苹果Safari)可以使用。 1、CSS代码如下，.todolist-content为待修改的className .todolist-c ...
分类：
Web程序 时间：
2020-06-26 01:07:06
阅读次数：
205
偏爱这个办法 .wrap {position: relative;text-align: center;width: 84%;margin: 15px auto;} /*CSS伪类用法*/ .wrap:after, .wrap:before {position: absolute;top: 50%; ...
分类：
Web程序 时间：
2020-06-18 10:25:19
阅读次数：
114
一、伪类选择器 在页面中，有时候同一个元素在不同动作下有不同的样式。比如链接在没有点击的时候有个样式，在鼠标放上去有另外的样式，还有在点击完成以后又会又一个样式。这几种情况下这个链接的标签并没有变化，有变化的只是它的状态，这时候就可以里用伪类来实现这个需求。在浏览器中，伪类的出现是为了向某些选择器添 ...
分类：
Web程序 时间：
2020-06-09 14:33:23
阅读次数：
84
在css2中是这样定义二者的： CSS 伪类用于向某些选择器添加特殊的效果。CSS 伪元素用于将特殊的效果添加到某些选择器。 伪类存在的意义是为了通过选择器找到那些不存在DOM树中的信息以及不能被常规CSS选择器获取到的信息。 第一点讲的是获取不存在与DOM树中的信息。比如<a>标签的:link、v ...
分类：
其他好文 时间：
2020-06-03 20:44:24
阅读次数：
75
既然说到伪类，这里就用足够的代码给表现一下他们的神奇用法。从简单到复杂，可以清晰的看清到伪类的诸多使用方法，对于有些功能近似的就取其一举例了： :first-letter 为第一个字添加样式，这里用一个首字下沉的例子来演示一下： <!--html部分--> <p>中国是以华夏文明为源泉<!--内容省 ...
分类：
Web程序 时间：
2020-06-01 00:34:40
阅读次数：
77
伪类描述 :active{ ... } 元素 : active{ ... } 向被激活的元素添加样式。 :focus{ ... } 元素 : focus{ ... } 向拥有键盘输入焦点的元素添加样式。 :hover{ ... } 元素 : hover{ ... } 当鼠标悬浮在元素上方时，向元素添 ...
分类：
Web程序 时间：
2020-05-18 16:39:40
阅读次数：
80
CSS 伪类用于向某些选择器添加特殊的效果，而CSS引入伪类和伪元素的概念是为了实现基于文档树之外的信息的格式化。这里讲总结关于css伪类和伪元素的相关使用 伪元素 :before/:before 在某个元素之前插入一些内容； ::after/:after 在某个元素之后插入一些内容； ::firs ...
分类：
Web程序 时间：
2020-05-17 19:15:58
阅读次数：
62
设置滚动条的样式： div::-webkit-scrollbar { width: 0; } 关于::-webkit-scrollbar ::-webkit-scrollbar CSS伪类选择器影响了一个元素的滚动条的样式 ::-webkit-scrollbar 仅仅在支持WebKit的浏览器 (例 ...
分类：
Web程序 时间：
2020-05-15 11:59:30
阅读次数：
170
CSS 伪类(Pseudo-classes) CSS伪类是用来添加一些选择器的特殊效果。 语法 伪类的语法： selector:pseudo-class {property:value;} CSS类也可以使用伪类： selector.class:pseudo-class {property:valu ...
分类：
Web程序 时间：
2020-04-08 09:50:23
阅读次数：
94
