Javascript 有没有更好的方法来复制这个CSS代码

我正在寻找一种更好的方法来复制它，而不必在每次换行后使用\a。它将用于github页面，所以据我所知，我不能使用服务器端语言

我想有一个单独的文件，这样我可以从中提取列表，并把它们放在不同的页面上

.list1:之前{
显示：块；
空白：预处理；
内容：“列表1文本\列表1文本\列表1文本”；
}
.列表2：之前{
显示：块；
空白：预处理；
内容：“列表2文本\列表2文本\列表2文本”；
} 
.列表3：之前{
显示：块；
空白：预处理；
内容：“列表3文本\列表3文本\列表3文本”；}

您应该尝试使用第n个子类：

.content div:：before{
显示：块；
空白：预处理；
}
.content div:n子级（1）：：之前{
内容：“列表1文本\列表1文本\列表1文本”；
}
.content div:n子级（2）：：之前{
内容：“列表2文本\列表2文本\列表2文本”；
}
.content div:n子级（3）：：之前{
内容：“列表3文本\列表3文本\列表3文本”；
}

---

将内容存储在css中并不是真正的标准做法。使用

：before

和

content

通常用于插入有助于页面样式（图标和图形）而非内容的可见项

我想你有两个选择

将内容保存在html中，并使用js显示/隐藏

使用js动态插入您的内容

我提供了一个选择2的示例。也许有更好的方法来解决这个问题。这很快又脏。：-）

你也可以玩

var list1=“
苹果
橙子
梨
”；
var list2=“
汽车
卡车
火车
”；
var list3=“
胡萝卜
玉米
洋葱
”；
函数InsertListContents（listNum）{
var contents=“”；
开关（listNum）{
案例1：
内容=列表1；
打破
案例2：
内容=列表2；
打破
案例3：
内容=列表3；
打破
违约：
contents=“
对不起，找不到内容”
；
}
$（'.list'+listNum）.html（目录）；
}
$（文档）.ready（函数（）{
//决定显示哪个列表
//这是随机的，您需要编写自己的函数来决定
var listNum=Math.floor（Math.random（）*3）+1；
InsertListContents（listNum）；
//用于演示目的
$（'.list'+listNum）.addClass（“示例”）；
})

。示例{
颜色：蓝色；
}

1.
2.
3.







*随机插入蓝色内容

为什么不使用

li

标记？由于编码原因，它被呈现为一个列表项。项目符号或数字将仅显示在第一个列表项上。如何指定以这种方式显示的列表？同一个列表将出现在几页上，没有特定的顺序。选择2接近我要找的。它不可能是随机的。对-您必须编写一些javascript来选择要显示的正确内容。您需要用代码替换这一行，以便做出适合您的页面和内容的决策。如果您使用的是gh页面，了解Jekyll以及如何使用分区和布局可能是最正确的解决方案。