css don'；不能在html元素之间显示文本

设置

我有一段HTML，看起来像

本产品：JSDA JD6500
"-"
#无关跨度内容

不能使用CSS删除

“-”

，因为它不单独属于任何元素。在标签{它当前所在的位置}中有更多的元素都会受到css的影响。 将

“-”

放入

span

<span class="removeThis">"-"</span>


.removeThis
{
display:none;
}



 or



label > .removeThis
{
display:none;
}

”——“
.移开
{
显示：无；
}
或
标签>。移除此标签
{
显示：无；
}

您不能真正删除它，但可以隐藏它。 如果您将其着色为与背景相同的颜色，并将proice稍微向左移动，它看起来应该像已被删除

标签{
颜色：#FFFFFF；/*将所有标签文本设置为白色，隐藏所有内容，包括破折号*/
}
标签>*{
颜色：#000000；/*显示除破折号外的所有元素*/
}
标签.价格{
左边距：-20px；/*稍微向左移动价格，以适应隐藏的破折号*/
}

本产品：JSDA JD6500
"-"
#无关跨度内容

使用

字体大小：0px

和

标签

如下

标签{
字号：0；
}
标签>*{
字体大小：16px；
}
标签del{
文字装饰：无；
}

本产品：JSDA JD6500
"-"
#无关跨度内容

你不能删除它，但你可以破解它，如果你能将它封装在一个范围内，那么它很简单，请参见第二部分，或者hacki解决方案将字体大小更改为0，然后恢复其他所有内容的字体大小

标签{
显示：块；
字号：0；
}
标签*{
字体大小：15px；
}
标签。隐藏{
显示：无；
}

本产品：JSDA JD6500
"-"
#无关跨度内容
本产品：JSDA JD6500
"-"
#无关跨度内容

您不能单独管理“-”，因为它不是单独用html标记包装的。也许你可以用与背景颜色相匹配的颜色或其他一些技巧在视觉上隐藏它。但是，您必须再次将反向css应用于兄弟元素，如span、input等。

您可以将-放入span并添加此css

希望这有帮助

span:n类型（2）{
显示：无；
}

本产品：JSDA JD6500
"-"
#无关跨度内容

谁在代码中添加了“-”字符？您可以将颜色设置为“标签”和“跨度”以获得不同的解决方案，但在CSS@Hkachhia，这个WooCommerce插件的开发人员。我认为他不想更改html中的任何内容，因为如果他这样做了，为什么不完全删除

“-”

，CSS的目标是整个元素或它的子元素。我认为没有其他方法可以做到这一点。CSS是用于设计样式而不是编辑内容。我认为，您应该在阅读之前阅读评论和其他答案answering@JoykalInfotech如果您提到我的答案是在我之前1分钟内发布的其他答案的组合，那么很抱歉，我没有强制检查是否有人在我之前回答您的答案不是组合答案，但您尚未正确理解问题，像其他人一样，这似乎有什么意义！谢谢然而，我确实需要显示

#无关的span内容

（我认为这与问题无关，我的错）。你知道如何调整你的代码使它显示出来吗？如果是这样，您是否需要知道不相关内容的html？是否要不带换行符地显示“#不相关的跨内容”？是，无换行-through@LucSpan这不是他能改变的，他正在寻找替代方案。