伪元素选择器属性介绍 ?伪元素主要作用就是操作元素的文本和添加内容 ?伪元素使用说明表 属性 描述 X:first-letter 设置X元素中的第一个字。 X:first-line 设置X元素中的第一行字 X::before 在X元素最前面添加内容。 X::after 在X元素最后面添加内容。 fi ...
分类：
Web程序 时间：
2020-01-11 18:20:56
阅读次数：
94
原文:如何使用CSS3中的结构伪类选择器和伪元素选择器 结构伪类选择器介绍# 结构伪类选择器是用来处理一些特殊的效果。 结构伪类选择器属性说明表 属性 描述 E:first-child 匹配E元素的第一个子元素。 E:last-child 匹配E元素的最后一个子元素。 E:nth-child(n) ... ...
分类：
Web程序 时间：
2020-01-06 09:15:36
阅读次数：
85
//h5有个小bug 1像素边框过粗，其实有个解决方案，就是利用伪元素：after，结合css3中的scale在y轴方向缩放0.5就行了 //父元素 //删除border-bottom，添加position：relative，伪元素定位用。 - border-bottom：1px solid yel ...
分类：
移动开发 时间：
2020-01-04 20:29:12
阅读次数：
126
3.1.1 在两个盒子嵌套时，内部的盒子设置的margin-top会加到外部的盒子上，导致内部盒子的margin-top设置失败，解决方法如下： 1.外部盒子设置一个边框 2.外部盒子设置一个overfow:hidden 3.使用伪元素类 <html lang="en"> <head> <meta ...
分类：
其他好文 时间：
2020-01-04 10:28:12
阅读次数：
66
类 id 元素选择器 伪类选择器 伪元素选择器 属性选择器 css ^开始 $结尾 包含 E[att] E[att="val"] E[att^="val"] E[att$="val"] E[att ="val"] 包含val并用空格分隔 E[att~="val"] 以val开头并用连接符" "分隔 ...
分类：
Web程序 时间：
2020-01-04 01:41:20
阅读次数：
148
优点简单，不需要工程，不用puppeteer生成骨架dom，也不需要二次开发维护定制程度高，想怎么搞就怎么搞不臃肿，只给你想要的缺点自动化程度低，需要在骨架dom上手动添加类协同要求高，不像工程化能通过工程去约束思路通过伪元素实现骨架样式，通过操作样式实现骨架和页面的动态切换实现css部分(scss写法)通过after伪元素生成骨架样式，并通过absolute覆盖到实际元素上专门建立的学习Q-q-
分类：
Web程序 时间：
2020-01-03 00:21:33
阅读次数：
282
/ css基础入门 / / css语法结构 选择器{属性名: 属性值；属性名2: 属性值2} / / css三种引入方式： / / 1.通过标签引入css文件（最正规的写法） / / 2.在中的内直接写css代码 / / 3.标签内的style属性中直接写css代码 / / 查找标签的六种选择器 / ...
分类：
Web程序 时间：
2020-01-01 13:42:12
阅读次数：
67
id选择器 #abc {} 类选择器 .abc {} 标签选择器--所有div标签 div {} 交集选择器--类为abc的p标签 p.abc {} 并集选择器--p标签和abc类 p,.abc {} 伪类选择器--div的onhover事件 div:hover {} 伪元素选择器--div开头加上 ...
分类：
Web程序 时间：
2019-12-30 19:26:00
阅读次数：
72
效果效果图如下实现思路div实现太阳的一条矩形光影before伪元素制作另一条光影矩形，和已有的转变90°after伪元素画个圆实现太阳样式dom结构用两个嵌套的div容器，父容器来控制图标显示的位置，子容器用来写太阳的一条光影矩形的样式。<divclass="container"><divclass="sunny"></div></div>专门建立
分类：
Web程序 时间：
2019-12-29 20:30:41
阅读次数：
133
伪类 一、链接伪类（又叫锚点伪类） (1) :link：用于给a标签设置点击前的样式，:visited：用于给a标签设置鼠标点击后的样式，:hover：给a标签设置当鼠标移入时显示的样式，:active：给a标签设置当鼠标摁下时显示的样式 由于a标签的:link和:visited可以覆盖a标签的所有 ...
分类：
Web程序 时间：
2019-12-27 00:30:38
阅读次数：
269
