Cufon和JQuery选择列表元素

时间:2011-03-07 15:47:42

标签: jquery css-selectors cufon

我正在使用wordpress,JQuery和Cufon,我遇到了这个问题。

Cufon会自动选择列表中的所有子元素。所以JQuery和Cufon 选择的方式不同。这是一个例子:

在JQuery中,我可以这样做:

    $("#example > ul > li").css("color", "red");

它只将顶部列表元素的文本更改为红色(Title1,Title2,Title3)。

但是当我在Cufon中尝试相同类型的选择器时,它也会更改子列表元素的字体(Title1,Title2,Title3,Subtitle1,Subtitle2 ..)。

    <html>
    <head><title>Example</title></head>
    <body>
        <ul id="example">
            <li>
                Tittle1
                <ul>
                    <li>Subtitle1</li>
                    <li>Subtitle2</li>
                    <li>Subtitle3</li>
                </ul>
            </li>
            <li>
                Tittle2
                <ul>
                    <li>Subtitle1</li>
                    <li>Subtitle2</li>
                    <li>Subtitle3</li>
                </ul>
            </li>
            <li>
                Tittle3
                <ul>
                    <li>Subtitle1</li>
                    <li>Subtitle2</li>
                    <li>Subtitle3</li>
                </ul>
            </li>
        </ul>
    </body>
    </html>

好吧,我可以在Title元素中包含Title1等,但是我使用的是Wordpress,它会自动构建所有这些列表,所以我不想去改变它们。

0 个答案:

没有答案