0

text-decoration-skip を使用して、子孫要素が下線、ラインスルー、オーバーラインなどの親のテキスト装飾をオフにできることは知っていますが、子孫要素の境界線をオフにする同等の方法はありますか?

HTML の例:

<p class="border">This text has a border 
    <span class="no_border">and this text doesn't</span></p>

CSS の例:

.border {
border: 1px solid #FF0000;
}

.no_border {
    /* magic border turn off trickery */
}

非常に素晴らしい効果だと思うので、これを行うための方法を知っていれば幸いですが、この質問に基づいて不可能かもしれないと考え始めています: CSS text-decoration property cannot be overridden by child element .

別の span 要素を追加しない理由を誰かが尋ねました。それがおそらく最善の解決策であり、おそらくそれを開始する必要がありますが、躊躇する理由は、私のテキストが次のようなもので生成されているためです。

$('<p/>', { "id" : "seq_insert_" + i, "class" : arraySeqArrays[i].getBaseType() + " " + arraySeqArrays[i].getFivePrime(), "text" : subsequence } ).add($('<p/>', { "id" : "comp_insert_" + i, "class" : arraySeqArrays[i].getBaseType() + " " + arraySeqArrays[i].getThreePrime(), "text" : subcomplement } )).wrapAll('<td/>').parent().appendTo('#' + subsequenceId);

それで、おそらくそれに別のスパンを追加する方法を見つけることができますが、しばらく時間がかかるかもしれません.

4

1 に答える 1

0

いいえ。ただし、同様の効果を得るために境界線を背景色に合わせることができます。

デモ

.no_border {
    border: 1px solid white;
}
于 2013-04-27T13:44:41.370 に答える