html - 将行添加到 style.css

Question

所以我想在我的站点中创建 200 个页面，为此我想在 style.css 中添加几行。我想在文件末尾添加以下行

.wordpress
        width: 100%
        position: relative
        font-size: 22px
        color: #1a1a1a
        font-weight: 600
        min-height: 297px
        line-height: 22px
        background: url(../images/wordpress.png) no-repeat left top

我想用脚本替换文件名。有人可以指导我该怎么做吗？我尝试了以下技巧，但它确实有效

for i in $(cat list1.txt) ; do echo  .$i{\ width: 100%;\ position: relative;\ font-size: 22px;\ color: #1a1a1a;\        font-weight: 600;\ min-height: 297px;\ line-height: 22px;\ background: url(../images/$i.png) no-repeat left top;\} >>  list3.txt ; done

还有其他方法吗？我在 list1.txt 文件中有所有文件名

Answer 1

我稍微修改了你的代码。现在它应该可以工作了:

for i in $(cat list1.txt) ; do 
    echo  ".$i{ 
        width: 100%; 
        position: relative; 
        font-size: 22px; 
        color: #1a1a1a;        
        font-weight: 600; 
        min-height: 297px; 
        line-height: 22px; 
        background: url(../images/$i.png) no-repeat left top;
        }" >>  list3.txt ; done;

你应该有这样的 list1.txt:

wordpress
joomla

(由新行分隔且没有 .png)