1

他のサーバーでホストされているhtml cuzを制御することはできません。css を使用してリスト項目の一部を変更したい場合、どのようにすればよいですか?

例えば

サーバー側のhtml:

<ol>
<li>Coffee</li>
<li>Milk</li>
<li>Orange Juice</li>
<li>Chocolate Milk</li>
<li>Espresso with hot foamy milk</li>
<li>Espresso diluted with hot water</li>
</ol>

css を使用して、最後の 2 つのアイテムを「カプチーノ」と「アメリカーノ」として表示したいと考えています。

ありがとう。

4

3 に答える 3

3

実際には、:after疑似クラスを使用してレンダリングすることで可能です。しかし、それは本当に本当に醜いです。他に選択肢がない場合にのみ、これを行ってください。

ol li:nth-child(5){
    color: #fff;           /* same color as the background to hide it */
    position:relative;
}    
ol li:nth-child(5):after{
    content: "Capuccino";
    display: block;
    color: #000;          /* your text color */
    position:absolute;
    top:0;
    left:0;
}

jsfiddle

于 2013-01-21T21:35:01.703 に答える
2

CSS を介して HTML タグの内容を変更することはできません。

JavaScript を介してそうすることができますが、その場合でも、DOM から一致する要素を選択し、それらのinnerHTMLプロパティを置き換える必要があります。

ただし、CSSでは不可能です。

于 2013-01-21T21:30:36.330 に答える
1

私が考えることができる唯一のハックは、プロパティを使用することです:

{display:none}

タグごとに手動で。

于 2013-01-21T21:30:30.210 に答える