Cufon 和 JQuery 选择列表元素

发布于 2024-10-20 14:04:53 字数 1489 浏览 0 评论 0原文

我正在使用 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>

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

原文

I'm using wordpress, JQuery and Cufon and I have this one problem.

Cufon automatically selects all the child elements of a list. So JQuery and Cufon
selecting works differently. Here is an example:

In JQuery I can do it like this:

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

And it changes only the top list elements' texts to red (Title1, Title2, Title3).

But when I try the same type of selector in Cufon it changes also the sublist element's fonts (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>

Well I could wrap the Title1 etc. in span elements but I`m using Wordpress and it automatically builds all those lists so I dont want to go and changes them.

分享到QQ

分享到微博