样式HTML-<;李>;在<;ol>;在<;ol>;列表使每个列表元素在屏幕左侧具有相同的差异(而不是左边距!)

样式HTML-<;李>;在<;ol>;在<;ol>;列表使每个列表元素在屏幕左侧具有相同的差异(而不是左边距!),html,css,Html,Css,我在一个列表中有一个列表。 它是这样设置的: <ol> <li> <ol> <li> ---> Here goes content </li> <ol> </li> </ol> 我没有收到任何错误消息,只是没有得到我想要的。您需要覆盖默认样式。设置pading:0至 ol{ 计数器重置:项目; 填充:0; } 李{ 显示:块; 显示:内联块; } 李:以前{ 内容:计数器(项目“.”);

我在一个列表中有一个列表。 它是这样设置的:

<ol>
<li>
<ol>
<li>

---> Here goes content

</li>
<ol>
</li>
</ol>

我没有收到任何错误消息,只是没有得到我想要的。

您需要覆盖
默认样式。设置
pading:0

ol{
计数器重置:项目;
填充:0;
}
李{
显示:块;
显示:内联块;
}
李:以前{
内容:计数器(项目“.”);
反增量:项目;
}

页面标题
林克莱斯特·祖登音乐学院
在第三至第六届音乐节上,YouTube链接Angeeben,damit sich schnell orientieren können

这是一个很好的解决方案,因为它可以帮助我们摆脱贫困。解决方案与其他方案有着密切的联系

在详细的mit产品中重新设置选项
  • 埃米尔·瓦尔德特费尔: 施利特舒尔夫酒店 20

    达斯 约翰·施特劳斯管弦乐团在莱东·冯·赫伯特·西伯特的音乐节上演奏了五分钟的《艾因斯皮尔特》,这首歌是《格朗德舒勒的歌》。

    https://youtu.be/bvjHWR8K04o
    2019-03-04
  • 在详细的mit生产中重新启用
  • 在详细的mit生产中重新启用

  • 首先,您的HTML无效
    li
    必须是
    ul/ol
    的直接子女,而
    ul/li
    只能将
    li
    作为直接子女。谢谢@Paulie_D。我会改变这一点。非常感谢。我搜索了好几天,结果只有一行代码-D@micha_nerd最受欢迎:)请接受这个答案,如果它对你有用:是的,我会的。我得等五分钟才能批准。感谢您的努力“我搜索了好几天…”-学习使用浏览器内置的开发工具可以节省您的搜索时间。右键单击>检查元素>查看“样式”选项卡以查看影响元素的样式。
    <!DOCTYPE html>
    <html lang="de" xml:lang="de" xmlns="http://www.w3.org/1999/xhtml">
        <head>
            <title>Page Title</title>
        <meta http-equiv='Content-Type' content='text/html; charset=utf-8'>
            <link rel="stylesheet" href="style.css" type='text/css'>
     <!--       <script type="text/javascript" src="action.js"></script> -->
            <script type="text/javascript" src="visibility.js"></script>
            <script type="text/javascript" src="jquery.js"></script>
            <script type="text/javascript" src="test-nojquery.js"></script>
    
        </head>
        <body>
            <div class="header">
                <img src="images/wave_testimage.jpg" alt="demo_image" />
            </div>
    
            <div class="content">
    
    
            <h1>Linkliste zu den im Buch verwendeten Musikbeispielen</h1>
            <p>In dieser Liste sind zu jedem im Buch verwendeten Musikbeispiel der Kapitel 3–6 ein oder mehrere YouTube-Links angegeben, damit Sie sich schnell orientieren können.</p>
            <p>Eine Garantie für die dauerhafte Verfügbarkeit der Verlinkungen kann nicht übernommen werden. Sollte einer der Links nicht mehr aktuell sein, empfiehlt es sich, mithilfe der Stichwörter von Titel und Komponist nach Alternativen zu suchen.</p>
            <ol>
                <li class="list-h1" id="showhide-button">Rezeption in Verbindung mit Produktion
                    <ol>
                    <div id=data><li class="list-h2">Eine Parakomposition erfinden
                            <p class="inside-parakomp-title"><authorname>Emil Waldteufel</authorname>: <songname>Die Schlittschuhläufer</songname><book-page>20</book-page></p>
                            <p><description>Das <interpret>Johann-Strauss-Orchester Wiebaden</interpret> unter der Leitung von Herbert Siebert hat eine Fassung von knapp 5 Minuten eingespielt, die wegen dieser Kürze für die Grundschule geeignet ist.</description></p>
                            <span class="inside-parakomp-box">
                        https://youtu.be/bvjHWR8K04o<br><link-checked>2019-03-04</link-checked>
                            </span>
                    </li></div>
                    <div id=data><li class="list-h2">Eine Parakomposition erfinden</li></div>
                    <div id=data><li class="list-h2">Eine Parakomposition erfinden</li></div></ol></li>
                <li class="list-h1">Rezeption in Verbindung mit Produktion
                    <ol>
                    <li class="list-h2">Eine Parakomposition erfinden</li>
                    <li class="list-h2">Eine Parakomposition erfinden</li>
                    <li class="list-h2">Eine Parakomposition erfinden</li></ol></li>
                <li class="list-h1">Rezeption in Verbindung mit Produktion
                    <ol>
                    <li class="list-h2">Eine Parakomposition erfinden</li>
                    <li class="list-h2">Eine Parakomposition erfinden</li>
                    <li class="list-h2">Eine Parakomposition erfinden</li></ol></li>                
            </ol>
            </div>
    
    
        </body>
    </html>
    
    ol {
        counter-reset: item;
    }
    
    li {
        display: block;
        display: inline-block;
    
    
    }
    
    li:before {
        content: counters(item, ".") " ";
        counter-increment: item;
    }