HTML <style> 在 bash 脚本中的使用

标签 html css bash stylesheet

我正在尝试删除一些使用 bash 脚本创建的 HTML 代码中的元素符号。目前,我似乎很难将这种风格应用到整个程序中。我对 html 几乎没有经验,相信我可能会误解或放错地方。任何帮助,将不胜感激。该代码用于传入目录的文件层次结构。

#!/bin/bash

cd "$1" || exit 1

cat<<EOF
<html>
<body>
<style>
ul.tree, ul.tree ul {
    list-style-type: none;
}
</style>
EOF

NESTDEPTH=0

find ./* | while read F; do
    SLASHES=$(echo "$F" | tr -c -d '/' | wc -m | tr -d ' ');

if [ $SLASHES -gt $NESTDEPTH ];then
    VAR=$(($SLASHES - $NESTDEPTH))
    while [ $VAR -gt 0 ]; do
        printf "<ul> \n"
        VAR=$(($VAR - 1))
done
elif [ $NESTDEPTH -gt $SLASHES ]; then
    VAR=$(($NESTDEPTH - $SLASHES))
    while [ $VAR -gt 0 ];do
        printf "</ul> \n"
        VAR=$(($VAR - 1))
done
    else
    exit 1
fi

NESTDEPTH=$SLASHES 
FNAME=$(basename "$F")
echo "<li>$FNAME"

while [ $NESTDEPTH -ne 0 ];do
    echo "</ul>"
    NESTDEPTH=$(($NESTDEPTH - 1))
done

done


cat<<EOF
</body>
</html>
EOF

最佳答案

看起来 no-bullet 样式只适用于标记为“tree”类的列表,但看起来“tree”似乎从未应用于任何 <ul>秒。尝试从 ul.tree, ul.tree ul 更改 CSS 选择器只是ul .

关于HTML &lt;style&gt; 在 bash 脚本中的使用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21719198/

相关文章:

javascript - 我的 DataGrid 的 JQuery 数学运算

css - 在div中自动居中超大图像

css - 有没有在线编译LESS的工具?

linux - shell 是否回显完整内容而不使用转义字符

html - 使用 Webkit speech api 进行连续语音识别

css - div问题中的iframe高度

html - CSS 中的多个悬停链接

javascript - 使用 javascript 按下更改时执行某些操作

arrays - 如何在 bash 的数组中动态迭代

linux - 如何在source之后捕获命令行参数