這里我有像這樣堆疊的 HTML 元素，
.center-badge p {
font-size: 12px;
}<div class="center-badge">
<div>
<p>Get a</p>
<p><strong>2% rate reduction</strong></p>
<p>with a</p>
<p>co-applicant</p>
</div>
</div>我已經為中心徽章 CSS 添加了字體大小為 12px。在這種情況下，我們需要用 p 排除強標簽。只有 12px 樣式必須應用所有 p 標簽，但一個強標簽。
我們為 p 添加了一個全域樣式為 16px。如何排除特定元素以不應用父 CSS。
有什么辦法可以解決這個問題。我們可以在:not()這個場景中使用 。
uj5u.com熱心網友回復：
如果一個元素有font-size: inherit或font-size: someUnitRelativeToTheParent——無論是顯式設定還是由瀏覽器樣式表設定都沒有關系——那么你不能讓它的字體大小不基于父元素的字體大小。
同樣，沒有辦法撰寫一個條件為“除非元素的子元素包含 X”的選擇器，以避免首先font-size在該特定情況下應用p。
您可以：
- 顯式的風格
strong與元素font-size，使用絕對單位或 - 以可以排除 DOM 的方式更改 DOM
p（例如，通過向其添加類并添加:not(.that_class)到樣式表。
uj5u.com熱心網友回復：
我認為您已經像這樣應用了全域 css。
p {
font-size: 16px;
}
但是一旦你像這樣使用父類應用css
.center-badge p {
font-size: 12px;
}
它會覆寫您的全域 css<p>標簽。
現在<strong>沒有瀏覽器默認字體大小作為屬性的<p>標記font-size。
所以你必須像這樣全域定義它
strong {
font-size: 16px;
}
或者使用父類也可以像這樣應用css。
.center-badge strong {
font-size: 16px;
}
或者您可以通過給其應用font-size: initial到<strong>像這樣的標簽。
.center-badge strong {
font-size: initial;
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/377799.html
下一篇：容器中按鈕放置的CSS問題