<分区>
<分区>
我知道 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);
所以我可能想出一种方法来向它添加另一个跨度，但可能需要我一段时间，呵呵。
最佳答案
关于CSS3 制作后代元素关闭父元素的边框样式，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16252742/