CSS是網(wǎng)頁設(shè)計(jì)中必不可少的一部分。在CSS中,通常一個(gè)標(biāo)簽只能有一種樣式,但是有時(shí)候,我們需要給一個(gè)標(biāo)簽應(yīng)用不同的樣式。那么,如何用CSS實(shí)現(xiàn)一個(gè)標(biāo)簽兩種樣式呢?
code { background-color: #EEE; color: #555; padding: 2px 4px; border-radius: 2px; } code.inline { background-color: #DDD; }
通過上面的CSS代碼,我們可以看到,這里定義了一個(gè)<code>
標(biāo)簽的樣式,同時(shí)也定義了一個(gè)名為inline
的樣式。這里的關(guān)鍵就在于后者。
我們可以給想要應(yīng)用不同樣式的標(biāo)簽加上一個(gè)class,然后在CSS中定義對應(yīng)的樣式。在上面的代碼中,我們給<code>
標(biāo)簽應(yīng)用了一個(gè)普通的樣式,同時(shí)定義了一個(gè)名為inline
的樣式。這樣,在HTML中,我們可以通過加上class="inline"
來應(yīng)用不同的樣式。
總結(jié)來說,要實(shí)現(xiàn)一個(gè)標(biāo)簽兩個(gè)樣式,只需要在CSS中定義不同的樣式,并通過class來應(yīng)用即可。