Question

我想只修改一些列表，但我无法使用class或id完成它。这是MWE：

    <!DOCTYPE html>
    <html>
    <head>
    <style>
    ul#square { list-style: square;}
    ul.square { list-style: square;}
    </style>
    </head>

    <body>
    <ul id="square">
        <li>Coffee</li>
        <li>Tea</li>
        <li>Coca Cola</li>
    </ul>
    <ul style="square">
        <li>Coffee</li>
        <li>Tea</li>
        <li>Coca Cola</li>
    </ul>
    </body>
    </html>

有什么想法吗？

Answer 1

<强> Demo

<ul id="square">
    <li>Coffee</li>
    <li>Tea</li>
    <li>Coca Cola</li>
</ul>
<ul class="square"> /* class="square" not sytle*/
    <li>Coffee</li>
    <li>Tea</li>
    <li>Coca Cola</li>
</ul>

Answer 2

<!DOCTYPE html>
<html>
<head>
<style>
ul#square { list-style: square;}
ul.square { list-style: square;}
</style>
</head>

<body>
<ul id="square">
    <li>Coffee</li>
    <li>Tea</li>
    <li>Coca Cola</li>
</ul>
<ul class="square">
    <li>Coffee</li>
    <li>Tea</li>
    <li>Coca Cola</li>
</ul>
</body>
</html>

JSFiddle演示： http://jsfiddle.net/bD9nC/

CSS - 无序列表 - 类，id无效

2 个答案: