jquery - 仅更改特定 ID 或类的 ListView

Question

我有一个 jQuery 移动应用程序，在多个页面上有多个 ListView 。

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

用 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 操作 ListView :

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

这是行不通的。如果我删除 #asd，所有 ListView 都会更改，但我只想更改 ListView #asd

Answer 1

使用

#asd {
    font-size: 0em;
}

代替

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

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