使用CSS來定位沒有容器的文本

我不確定這是否可行，但如果是這樣的話，它將非常有幫助。我正在Volusion框架中的電子商務網站上工作，並且在Volusion網站上動態生成大量文本。大部分文字都是在<span> S或<div> S作爲正常的，但每過一段時間有一個「：」這是一個類別標題後顯示。你可以看到它在下面的代碼，我從一個頁面抓起我的工作：使用CSS來定位沒有容器的文本

<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就可以了，因爲我在做相當多的自定義編碼的，它只是掛在那裏現在。

感謝您的幫助！

來源

2013-02-12 MillerMedia

CSS不能選擇文本節點。但是，這包含在''中。你可以使用它或你的優勢或使用JavaScript – 2013-02-12 03:13:58

@ExplosionPills，啊好吧是的我剛剛有想到將td中的文本顏色設置爲'白色'，因爲該網站上的背景是白色，然後設置跨文本顏色與'！重要'是黑色的，因此它覆蓋了它。這可能有效。有時只需要某人說點什麼！ – MillerMedia 2013-02-12 03:45:14

如果你知道結腸的時間提前的容器，你可以改變字體顏色相匹配的背景或使用font-size: 0（這是我喜歡的，因爲它也消除不必要的空間）：

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

顯然調整針對您的網站的具體細節。

來源

2013-02-12 03:46:37

-1

如果td中的所有元素都已知，那麼使用：after和：之前的僞選擇器來指定它們全部。

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

我沒有測試過這個也沒有使用這些選擇器，但它應該工作。

如果有多個相同類型的元素，比如三個輸入，你可以在td上使用第n個子選擇器。

來源

2013-02-12 04:49:15 fredsbend

我只是看着這個，發現它只是插入純文本。 HTML不會呈現。啞。 :( – fredsbend 2013-02-12 04:59:57

如果可以用CSS插入HTML，那麼沒有理由擁有HTML，所有的都可以用CSS來完成 – 2017-10-09 18:24:50

@Max有一段時間我們根本沒有css，所以相反的觀點可能會進行。該CSS可以用來創建內容，因爲這些選擇做的想法，坦率地說違背原意的，這是值得商榷的是重複的內容，主要使用這些選擇的，是風格，而不僅僅是內容。我自從我在5年半前提出這個答案以來，我就對這個問題有了很多想法 – fredsbend 2017-10-09 19:48:12

使用CSS來定位沒有容器的文本

回答

相關問題