Использование CSS для целевого текста, в котором нет контейнера

Question

Я не уверен, что это возможно, но это очень поможет, если оно есть. Я работаю над сайтом электронной коммерции в структуре Volusion, и на страницах Volusion динамически генерируется много текста. Большая часть текста находится в <span> s или <div> s как обычно, но время от времени появляется «:», которая отображается после заголовка категории. Вы можете увидеть его в коде ниже, что я схватил со страницы Я работаю на:

<td> 
<span class="PageText_L71n">Qty</span>: 
<input type="text" class="v65-productdetail-cartqty" name="QTY.WA-SSPURSE" size="3" maxlength="8" onkeydown="javascript:QtyEnabledAddToCart();" value="1"> 
</td> 

Вы можете увидеть двоеточие после </span>, который только что отображается, но не в любом контейнере. Есть ли способ настроить таргетинг? Я пытаюсь поставить на него display:none или visibility:hidden, так как я занимаюсь совсем немного пользовательского кодирования, и он просто висит там прямо сейчас.

Спасибо за помощь!

Answer 1

Если вы знаете, контейнер толстой кишки раньше времени, вы можете изменить цвет шрифта, чтобы соответствовать фона или использовать font-size: 0 (который мне нравится, потому что он также удаляет ненужные места):

td { 
    font-size: 0; 
} 
td * { 
    font-size: 14px; 
} 

Очевидно настроить специально для вашего сайта.

Answer 2

Если все элементы в td известны, то целевые все из них: после и: перед псевдоселекторами.

td span:after { 
    content:"<span class="hide">"; } 
td input:before { 
    content:"</span>"; } 
.hide { 
    display:none; } 

Я не тестировал это и никогда не использовал эти селекторы, но он должен работать.

Если есть несколько элементов одного типа, скажем, три входа, вы можете использовать селектор nth-child на td.