你可以使用CSS來選擇和設置段落內的字符串嗎？

是否可以使用css挑選和設置段落中的某個單詞？因此，例如在句子「你好，我的名字是缺口，你好，你好」這個句子中，是否有可能將單詞「hello」定位在任何位置，並添加一條規則，例如在出現時更改hello的顏色？我不希望在出現的每個問候語中添加一個span標籤。你可以使用CSS來選擇和設置段落內的字符串嗎？

我想這樣做只在可能的情況下CSS。 css3很好用。

來源

2012-03-08 nick501414

http://stackoverflow.com/questions/1275776/is -there-a-css-selector-to-select-text-inline-blocks-within-rectangular-box – 2012-03-08 15:14:04

我懷疑這是可能的，但我期待着你可能得到的創造性答案。 – Bazzz 2012-03-08 15:14:49

你不想使用''？那麼，你很幸運，你可以使用''！ – 2012-03-08 20:20:47

不，你需要使用JavaScript。或者，如果您使用的是PHP/ASP等，則可以在頁面呈現前自動在指定的單詞周圍添加跨度。

來源

2012-03-08 15:14:14 Dave

感謝 - 結束了使用PHP並做了一個查找/替換，用單詞plus span標籤替換單詞，就像您建議的那樣:) – nick501414 2012-03-13 16:50:13

很高興能夠提供幫助！如果此答案回答了您的問題，請不要忘記將其標記爲幫助未來用戶找到您的問題的答案。 – Dave 2012-03-13 18:23:52

我知道它不可能定位textnode，你可以通過使用Javascript來完成。用span標籤包裝Hello字詞並將屬性設置爲SPAN標籤

來源

2012-03-08 15:14:30

CSS選擇器處理標籤或僞分類，而不是查詢您的文本。檢查參考http://www.w3.org/TR/selectors/，也許你可以在這裏找到有用的東西。

來源

2012-03-08 15:14:36 pollirrata

如果你知道para的內容並且有耐心，你可以將每一個你需要在span標記中突出顯示的單詞換掉。將它們分配給同一個班級，然後對其進行設計。

來源

2012-03-08 20:07:49 stallion

CSS有2 *僞元素：

::first-line和::first-letter。這些是僅定位標籤的innerhtml的一部分的唯一可能性。

（* OFC它有更多的，我的意思是隻選擇innerHTML的一部分的目的。）

來源

2012-03-08 20:15:03 Christoph

+1因爲你擊敗了我幾秒鐘！ – bfavaretto 2012-03-08 20:16:31

............;） – Christoph 2012-03-08 20:20:14

對於在任何特定單詞的精細控制，或片段，你必須把它包裝成一個像其他人所說的那樣跨度和設計跨度。

但是，也有:first-line和:first-letter僞元素，自CSS2以來可用。因此，舉例來說，你可以第一個字母有不同的字體大小，而整個第一線有不同的顏色，像this：

p:first-letter {font-size: 30px;} 
p:first-line {color: #FF0000;}

來源

2012-03-08 20:15:47 bfavaretto

這些不是僞類，它們是僞元素。自從CSS1的平靜日子以來，這些功能也已經可用（儘管直到IE5.5纔得到支持），因此也是同類產品中的前兩種。在CSS2中引入的僞元素是'：before'和'：after'。 – BoltClock 2012-03-09 01:44:47

感謝您提供的信息！我一直對僞類和元素命名感到困惑。現在我讀了規格。 [CSS1規範]（http://www.w3.org/TR/CSS1/#pseudo-classes-and-pseudo-elements）對此沒有太多的信息，但[CSS2規範]（http：// www .w3.org/TR/CSS2/selector.html＃pseudo-elements）非常清楚。 – bfavaretto 2012-03-09 02:05:41

你可以使用CSS來選擇和設置段落內的字符串嗎？

回答

相關問題