2014-10-29 42 views
0

說我有下面的CSS :after後,如果元素有兩類CSS刪除

<div class="bob"></div> 

.bob:after{ 
    background:#ff0000; 
    height:10px; 
    width:10px; 
} 

是否可以刪除剛剛使用第二下課?

<div class="bob geff"></div> 

.bob:after{ 
    background:#ff0000; 
    height:10px; 
    width:10px; 
} 

.bob.geff:after{ 
    background:none; 
    height:0px; 
    width:0px; 
} 

回答

1

:after,除非你給它分配一個content不會有任何影響。內容默認值爲none,所以

.bob:after{ 
    content:''; 
    background:#ff0000; 
    display: inline-block; 
    height:10px; 
    width:10px; 
} 

.bob.geff:after{ 
    content: none; 
} 

應該工作。 fiddle

+0

不錯,這比我的回答更全面。 – Nenotlep 2014-10-29 12:29:42