有沒有辦法忽略& ltp & gt并且只對其余的應用內聯樣式？

即:歡迎

我想讓單詞Welcome變成紅色，但是我想忽略冒號，讓它變成黑色

這可能嗎？

我試過這個，但是它讓:和W變紅了。

p::first-letter {
  color: red;
}

p::after {
  content: ':';
  float: right;
}

p {
  color: black;
}

<p>:Welcome</p>

# # #根據文件:

第一個字母之前或之后的標點符號是 包括在比賽中。標點符號包括任何Unicode字符 定義在開盤價(Ps)、收盤價(Pe)、初始報價(Pi)、最終報價 引用(Pf)和其他標點符號(Po)類。

–::首字母| MDN Web文檔

這意味著只選擇冒號是不可能的。但是，您可以使用偽元素在實際內容之前創建一個不可訪問的冒號:

p::before {
  content: ':';
  color: black;
}

p {
  color: red;
}

<p>Welcome</p>

# # #如果你沒有其他選擇，并且很不幸你不得不按照我們開始時采用的方案行事，即& ltp & gt:歡迎& lt/p & gt；那你有幾個選擇，我想不出更一致的了。

我的概念有許多缺點，也就是說，它使:

SEO可見性困難，不同的爬蟲將無法應對 像這樣的東西。 不允許您選擇文本，您就是不能選擇它。 但是，它可以正常工作并正確顯示文本。

這段CSS代碼將樣式應用于一個段落元素，并添加了一個偽元素::after，:first-letter和::before以及其他樣式。

p {
  font-weight: bold; /* makes the font bold */
  font-size: 2em; /* increases the font size to 2em */
  color: rgba(0, 0, 0, 0.0); /* sets the color to a transparent black using rgba */
  letter-spacing: -1em; /* sets the spacing between letters to -1em, effectively overlapping the letters */
}

p::after { /* adds text "Welcome" after the content of the paragraph element */
  content: "Welcome";
  color: black; /* sets the color of the text to blue */
  letter-spacing: 0px; /* sets the letter-spacing to 0px, removing the overlap of letters*/
}

p::first-letter { /* styles the first letter of the content of the paragraph element */
  color: red; /* sets the color of the first letter to red */
  letter-spacing: 0px; /* sets the letter-spacing to 0px, removing the overlap of letters*/
}

p::before { /* adds text ":" before the content of the paragraph element */
  content: ":";
  letter-spacing: 0px; /* sets the letter-spacing to 0px, removing the overlap of letters*/
}

<p>:Welcome</p>