在CSS中,有時候我們需要改變其他元素的樣式。這些其他元素可以是文本、圖片、甚至是其他CSS選擇器。
p:hover { color: red; background-color: yellow; }
上面這個例子中,我們使用CSS選擇器改變了鼠標放在p元素上時的樣式。當鼠標放在p元素上時,它的顏色會變成紅色,背景顏色會變成黃色。
h1 + p { color: blue; }
這個例子中,我們使用“+”選擇器來選擇緊接在h1元素后面的第一個p元素。這個p元素的顏色會變成藍色。
.my-class { font-size: 20px; } p.my-class { color: green; }
在這個例子中,我們使用類選擇器來選取一個具有“my-class”類的元素,并且用CSS屬性設置它的字體大小為20像素。之后,我們又使用類選擇器和元素選擇器(p)結合,來選取所有帶有“my-class”類的p元素,并用CSS屬性將它們的顏色設置為綠色。
下一篇css中文字閃爍