仅更改特定ID或类的列表视图

Question

我有一个jQuery移动应用程序，在几个页面上有几个列表视图。

我想通过css操作特定的列表视图，而不是其他页面上的其他列表视图。

使用css进行操作的Listview：

 <div id="asd">
    <div class="ui-corner-all custom-corners">
        <div class="ui-bar ui-bar-a">
            <h3>Test:</h3>
        </div>
        <div class="ui-body ui-body-a">
            <div id="result" class="ui-body ui-body-a ui-corner-all">
                <h3>Test</h3>
                <ul data-role="listview">
                    <li><a href="acura.html">Acura</a></li>
                    <li><a href="audi.html">Audi</a></li>
                    <li><a href="bmw.html">BMW</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>

CSS操纵列表视图：

#asd .ui-listview {
    font-size: 0em;
}

这不起作用。如果我删除#asd，则所有列表视图都会更改，但我只想更改列表视图#asd

Answer 1

使用

#asd {
    font-size: 0em;
}

而不是

#asd .ui-listview {
    font-size: 0em;
}

如果你使用第二种方法，它也需要类ui-listview，这在你的代码中没有使用。

Answer 2

我没有在你的html中看到带有类.ui-listview的元素...删除.ui-listview并且无论如何都应该有效。