在進行網(wǎng)頁設(shè)計的過程中,有時候我們希望讓某個元素不受CSS樣式的影響,也就是說我們不想讓這個元素上色、不想改變它的字體大小等等。那么如何解決這個問題呢?
其實很簡單,我們可以使用CSS的選擇器來達到這個目的。下面我們來看一個例子:
p:not(.exclude){ font-size: 16px; }
這個CSS代碼的意思是:對于所有的p標簽,除了class為“exclude”的p標簽,其它p標簽都將被設(shè)置font-size為16px。因此,如果我們在HTML中這樣書寫:
Hello world!
This paragraph is excluded.
Another paragraph.
那么第一個和第三個p標簽將會受到CSS的樣式影響,而第二個p標簽則不受影響。
除了使用:not選擇器以外,我們還可以使用子選擇器或者后代選擇器來達到同樣的效果。比如:
p { font-size: 16px; } p.exclude { font-size: inherit; }
這個例子中,我們首先給所有的p標簽設(shè)置了字體大小,接著對于class為“exclude”的p標簽,我們將其字體大小設(shè)置為繼承父元素的字體大小,也就是不設(shè)置字體大小。
總之,不管是使用哪種選擇器,我們都可以輕松地實現(xiàn)不選中某個元素的效果。
上一篇python畫我愛你
下一篇php js引擎