在前端開發中，經常會用到文字高亮效果來突出顯示某些內容。然而，有時候我們會遇到一些情況，即當我們在使用CSS設置文字高亮時，它不起作用，這個現象就是CSS失效。本文將對CSS失效文字高亮效果進行分析。

/*CSS代碼*/
.highlight{
background-color: #ffa;
color: #000;
font-weight: bold;
}

上面是設置文字高亮的CSS代碼。我們需要給需要高亮的文本添加.highlight類，但有時候這個類卻沒有起作用，這是由于以下原因：

1.選擇器優先級問題
CSS選擇器有不同的優先級，當不同的選擇器作用于同一個元素時，具有更高優先級的選擇器將覆蓋較低優先級的，從而導致樣式失效。例如，如果有兩個選擇器的樣式作用于同一個元素，一個是類選擇器，另一個是ID選擇器，則ID選擇器的樣式會覆蓋類選擇器的樣式。

/*CSS代碼*/
.highlight{
background-color: #ffa;
color: #000;
font-weight: bold;
}
#content .highlight{
background-color: #f00;
color: #fff;
font-weight: normal;
}

上面的代碼中，我們想要給ID為content內的.highlight文本設置不同的高亮樣式，但是由于ID選擇器的優先級大于類選擇器，所以前面的highlight樣式會被后面的.highlight樣式覆蓋。

2.瀏覽器默認樣式
有些瀏覽器的默認樣式包含了高亮樣式，如果我們的CSS樣式與瀏覽器的默認樣式沖突，那么我們設置的樣式將不起作用。在這種情況下，我們可以通過!important關鍵字來優先使用我們自己設置的樣式。

/*CSS代碼*/
.highlight{
background-color: #ffa!important;
color: #000!important;
font-weight: bold!important;
}

3.CSS繼承問題
CSS樣式可以繼承父元素的樣式，如果父元素設置了高亮樣式，則子元素也會繼承該樣式，如果我們給子元素設置了不同的高亮樣式，則該樣式會失效。為了避免這種情況發生，我們需要使用無關聯的類名來設置自己的樣式。

/*CSS代碼*/
.highlight{
background-color: #ffa;
color: #000;
font-weight: bold;
}
.my-highlight{
background-color: #f00;
color: #fff;
font-weight: normal;
}

4.CSS選擇器不存在問題
當我們選擇一個不存在的元素或者選擇器時，CSS樣式將會失效。因此，我們需要確保我們的選擇器存在于我們的文檔中。

綜上所述，CSS失效文字高亮效果可能是由于選擇器優先級、瀏覽器默認樣式、CSS繼承或選擇器不存在等問題導致的。我們應該根據具體情況逐一排除上述問題來解決CSS失效的問題。