height
:
39px
;
background
:
url("../../images/img/egg.png")
;
background-position
:
center
;
background-repeat
:
no-repeat
;
vertical-align
:
middle
;
background-size
:
32px 39px
;
margin-top
:
-10px
;
scss样式里:after的用法这是两个动态特效，要求数字要挨着蛋且居中，这个时候因为数字并不统一，可能为一位数可能为两位数，这个时候就要用到 :after p{ line-height:39px; font-size:34px; font-weight:bold; color: #ff9b4b; width: 100%; text-align: center; &:after { content: "";
git clone https://github.com/bfancy/after-dork.git
然后在您的config.toml启用它：
theme = " after-dork "
此主题要求将您的索引部分（ content/_index.md ）分页才能正常工作：
paginate_by = 3
因此，帖子应直接位于content文件夹下。
主题要求在config.toml启用标签和类别分类法：
taxonomies = [
# you can enable/disable RSS
{ name = " categories " , feed = true },
{ name = " tags " , feed = tr
::befrore 和::after伪元素分别表示元素内容的【前】【后】，利用这两个伪元素可以在元素内容的前后添加内容.其实没有什么前后的概念，如果应用了 absolute 的特性之后，可以把这些伪元素放在任何位置。
下面通过几个案例来学习如何使用这两个伪元素，下面的预览效果是真实渲染出来的，提供了相应的
html
和
css
代码。
1 对a标签加上特定的符号
效果预览：
html
：
<a>这是一个链接</a>
css
：
position: relat.
CSS
中存在一些比较特殊的属性，称之为伪类，它们之中最常用的就是定义链接的伪:link，:visited，:hover，:active等。
除了它们，还有一些不被常使用的伪类，有:focus，:first-child，:lang等。
而且
CSS
里
不光有伪类，还有伪元素，比如：:first-letter，:first-line，:before和:after。
本文中其它伪元素暂且不表
在看一个文件的时候，发现有&::before 和 &::after, 没有理解怎么用的，因为以前在项目的
css
文件中，从来没有使用过，也没有见过
网上查询了一下，才发现&::before 和 &::after都不是
CSS
中的内容，而是Sass和S
CSS
中的属性, 通常可以写成这样
S
css
文件
test.s
css
/* so...
S
css
是一款强化
CSS
的辅助工具，它在
CSS
语法的基础上增加了变量 (variables)、嵌套 (nested rules)、混合 (mixins)、导入 (inline imports) 等高级功能，这些拓展令
CSS
更加强大与优雅。
1. 使用变量
因为
css
里
不能使用变量，造成很大不便。所以s
css
里
引入的变量。
任何可以用作
css
属性值的赋值都可以用作s
css
的变量值...
1.
CSS
预处理器
定义了一种新的专门的编程语言，编译后成正常的
CSS
文件。为
CSS
增加一些编程的特性，无需考虑浏览器的兼容问题，让
CSS
更加简洁，适应性更强，可读性更佳，更易于代码的维护等诸多好处。
CSS
预处理器语言：s
css
（sass）、LESS等；
2.Sass和S
CSS
的区别
文件扩展名不同：“.sass”和“.s
css
”；Sass是以严格缩进式语法规则来书写的，不带大
如果在 S
CSS
文件中使用 `::v-deep` 报错，可能是因为你的项目使用了 Vue.js 2.x 版本，而 `::v-deep` 是 Vue.js 3.x 版本中的语法。
如果你想在 Vue.js 2.x 中使用 `::v-deep`，你可以使用 `>>>` 或 `/deep/` 代替。例如：
```s
css
/* 使用 >>> */
.parent >>> .child {
color: red;
/* 使用 /deep/ */
.parent /deep/ .child {
color: red;
另外，如果你的报错信息是类似于 `Unknown pseudo-element or pseudo-class` 的错误，可能是因为你的编译器版本过旧，需要升级到支持 `::v-deep` 的版本。
