我有一個從我的主模板繼承 CSS 的 Klaviyo 預告片彈出視窗。我需要用 CSS 覆寫樣式,但是我不確定我在這里設定了正確的類。
我不僅需要一些修復,還需要一個教學課程,因為我是 CSS 樣式的新手并且想學習這個(在開發工具中識別一個類,然后如何在 CSS 中呼叫它)。
這是我需要用 CSS 覆寫的開發工具中的代碼。“填充頂部:20px”

這是我正在嘗試制作的 CSS,但沒有任何運氣。
.needsclick .kl-private-reset-css-Xuajs1 {
padding-top: none;
}
這里顯示了懸停按鈕后面的內邊距,但由于某種原因,它在頂部內邊距上大了 20px。

這是課程。

Ultimacy 我希望保留懸停顏色,但不希望顯示頂部填充。否則,我如何才能覆寫填充以確保它不會顯示在此按鈕上,但仍會在處理我的主題的所有其他按鈕上正常顯示。
任何幫助是極大的贊賞!
uj5u.com熱心網友回復:
它不起作用的原因是因為您的 css 類之間有一個空格,即.needsclick .kl-private-reset-css-Xuajs1.
您需要洗掉空間以使其作業:
.needsclick.kl-private-reset-css-Xuajs1 {
padding-top: none;
}
當您添加一個空格時,這意味著您正在嘗試選擇其中的孩子.needsclick。當您加入多個沒有空格的類時,這意味著您正在選擇一個具有這些多個類的元素。
uj5u.com熱心網友回復:
您的自定義 CSS 代碼正在被更具體的選擇器覆寫。
例如選擇器
div.needsclick.kl-private-reset-css-Xuajs1
比更具體
div.kl-private-reset-css-Xuajs1
因此,第一個選擇器的樣式將優先于第二個選擇器的樣式。您與初始代碼非常接近,但正如@Arslan 的回答中所述,間距在這里產生了巨大的差異。
嘗試
div.needsclick.kl-private-reset-css-Xuajs1 {
padding-top: none;
}
uj5u.com熱心網友回復:
這段代碼有兩個錯誤:
- 你已經寫
padding-top: none了,正確的方法是padding: 0。 - 您需要添加
!important以覆寫行內樣式。行內樣式總是比 CSS 選擇器更強大。
所以你必須撰寫這段代碼:
div.needsclick.kl-private-reset-css-Xuajs1 {
padding-top: 0 !important
}
轉載請註明出處,本文鏈接:https://www.uj5u.com/net/434647.html
上一篇:如何從qrcode桌面應用程式制作powershell腳本
下一篇:類方法重新定義“自我”論證問題
