CSS字標覆蓋是指在HTML中使用了字標（sup、sub）標簽并定義了其樣式，但子元素繼承了父元素的字體樣式而導致字標樣式不受控制的情況。下面我們來介紹幾種可以解決這個問題的方法。

方法一：使用行高（line-height）和位置（position）屬性

.parent{
font-size: 16px;
line-height: 1.5;
position: relative;
}
.child{
font-size: 12px;
position: absolute;
top: -0.5em;
}

這種方法是在父元素中設置行高為1.5，然后在字標子元素中設置絕對定位并使用top屬性來使其向上移動半個字母的高度。這樣就可以保證字標的樣式正確。

方法二：使用vertical-align屬性

.parent{
display: inline-block;
font-size: 16px;
}
.child{
font-size: 12px;
vertical-align: middle;
}

這種方法是在父元素中設置為inline-block，然后在字標子元素中使用vertical-align屬性將其對齊到中間位置，這樣也可以解決樣式覆蓋的問題。

方法三：使用rem單位

.parent{
font-size: 16px;
}
.child{
font-size: 0.75rem;
}

這種方法是在父元素中使用固定像素值進行設置，并在子元素中使用相對單位rem進行設置。這樣就可以避免字標子元素繼承父元素字體樣式的問題。

綜上所述，通過使用行高、位置、vertical-align、rem單位等方式，可以有效解決CSS字標覆蓋的問題。我們在實際開發中需要結合具體情況選擇合適的解決方案。