html / css为列表中的子项恢复ul缩进(应该很容易)

Question

长话短说，这么多年来，我一直在我的项目中使用一些CSS重置。

我试着制作一个常规的网站地图页面(你知道，在无序列表中有链接)，当我这样做的时候(下面的代码)

<div id="smap">
    <ul>
                <li><a href="index.php">Home</a></li>
                <li><a href="about-us.php">About Us</a></li>
                <li>
                    <a href="products.php">Products</a>
                        <ul>
                            <li><a href="products.php">Cantaloupes</a></li>
                            <li><a href="products.php">Watermelons</a></li>
                            <li><a href="products.php">HoneyDews</a></li>
                        </ul>
                </li>
                <li><a href="sales-team.php">Sales Team</a></li>
                <li><a href="contact-us.php">Contact / Directions</a></li>
                <li><a href="growers.phpp">Growers</a></li>
                <li><a href="packers.php">Packers</a></li>
                <li><a href="shippers.php">Shippers</a></li>
                <li><a href="importers.php">Importers</a></li>
                <li><a href="distributors.php">Distributors</a></li>
            </ul>
</div>

列表出来了，但products子项没有缩进。在CSS重置中，执行此操作的代码行为

vertical-align: baseline;

当我删除它时，虽然它恢复了我网站地图列表上的缩进，但它弄乱了我整个网站的菜单。

我想特别针对那个列表，选择那个列表的父div是"smap“

我想知道的是，默认情况下，列表垂直对齐值是什么？？

例如，如果我这样做

#smap ul, li {vertical-alignment: SOMETHING; }

要缩进的列表的默认值是多少？

在进阶时谢谢。

Answer 1

如果您希望在重置后恢复为任何属性的默认值，那么您应该使用值initial -您可能想要阅读this article以了解有关它的更多信息。

但是，ul缩进是由ul的padding-left提供的-请参阅http://dabblet.com/gist/3144582。我认为vertical-align不应该影响这一点。