0

リストの最初の文字が異なる色のリストがあります。現在、jQuery がアクティブ化されると、最初の文字を除いて、選択された各リストの箇条書きの色が変わります。CSS の first-letter 属性と、トグルで無効にする方法を知っている人はいますか?

CSSで：

li:first-letter  {
                   color:blue;
                  }

Jクエリ:

$(document).ready(function(){
    $('li').click(function(){;
        $(this).toggleClass('selected');
        $('li:first-letter').css('color',''); //////????
    });
});

動作しません; 最初の文字の CSS ルールは、jQuery によってまったく変更されないかのように機能します。誰でも知っていますか？ありがとう！

4

2 に答える 2

1

あなたはこれを行うことができます：

$('li').click(function () {
    $('li.selected').removeClass('selected');
    $(this).toggleClass('selected');
});

フィドル

于 2013-04-27T08:56:00.347 に答える
0

http://www.w3.org/wiki/CSS3/Selectors/pseudo-elements/:first-letterこの例を確認してください。

また、テキストには ap または span または div を使用する必要があります。

CSSで：

li p:first-letter {
    color: blue;
}

li p.selected:first-letter {
    color: red;
}

Jクエリ:

$(document).ready(function () {
    $('li p').click(function () {
        $(this).toggleClass('selected');
    });
});

HTML:

<ul>
    <li>
        <p>Some text</p>
    </li>
</ul>

動作するこのjsfiddleを確認してください：http://jsfiddle.net/n9f94/13/

于 2013-04-27T08:21:03.997 に答える