3

CSS :

ol {
    margin: 0 30px;
}
    li {
        margin: 15px 0;
    }
    li.done {
        text-decoration: line-through;
    }
    li.done span {
        text-decoration: none;
        background: #ff0;
    }

HTML :

<ol>
    <li class="done">Hello <span>World</span></li>
    <li>World</li>
</ol>

JSFiddle デモ: http://jsfiddle.net/pZye7/5/ . また、JSFiddle で奇妙なことに、順序付きリストの番号が表示されません。

私の要件：「World」という単語には、ラインスルーが含まれていてはなりません。

4

1 に答える 1

4 
li.done span {
    text-decoration: none;
    background: #ff0;
    display: inline-block; /* This solved the problem.*/
}

理由: 不明

于 2012-05-07T08:30:18.240 に答える