如何使用外部CSS覆蓋內(nèi)聯(lián)樣式？我有使用內(nèi)聯(lián)樣式的標(biāo)記，但是我沒(méi)有權(quán)限更改這個(gè)標(biāo)記。如何僅使用CSS覆蓋文檔中的內(nèi)聯(lián)樣式？我不想使用jQuery或JavaScript。HTML：<div style="font-size: 18px; color: red;">
Hello World, How Can I Change The Color To Blue?</div>CSS：div {
color: blue;
/* This Isn't Working */}
3 回答
慕俠2389804
TA貢獻(xiàn)1719條經(jīng)驗(yàn) 獲得超6個(gè)贊
inline-stylesdivblueinline stylecolorred
<div style="font-size: 18px; color: red;"> Hello World, How Can I Change The Color To Blue?</div>
div {
color: blue;
/* This Won't Work, As Inline Styles Have Color Red And As
Inline Styles Have Highest Priority, We Cannot Over Ride
The Color Using An Element Selector */}element-attr!important!important
<div style="font-size: 30px; color: red;"> This is a test to see whether the inline styles can be over ridden with CSS?</div>
div[style] {
font-size: 12px !important;
color: blue !important;}
注：使用 !important只會(huì)在這里工作，但我用過(guò) div[style]選擇器專門(mén)選擇 div有 style屬性
鳳凰求蠱
TA貢獻(xiàn)1825條經(jīng)驗(yàn) 獲得超4個(gè)贊
!important
<div style="font-size: 18px; color: red;">
Hello World, How Can I Change The Color To Blue?</div>div {
color: blue !important;
/* This will Work */
}<div style="font-size: 18px; color: red !important;">
Hello World, How Can I Change The Color To Blue?</div>div {
color: blue !important;
/* This Isn't Working */
}red
添加回答
舉報(bào)
0/150
提交
取消