CSS以後代選擇器與多類選擇器

<新人報到，歡迎拍磚#- ->

1、後代選擇器

　　提及CSS的後代選擇器。它屬於派生選擇器中的一種，二者附屬關係以下：

-->派生選擇器

 ----CSS 後代選擇器

 

 ----CSS 子元素選擇器

 ----CSS 相鄰兄弟選擇器

　　那麼問題來了，何時須要用到後代選擇器嘞？假設你須要爲p元素中的span元素（.A類）設置特殊樣式，能夠用後代選擇器選擇該元素：

/*方式1*/
p span{...}
/*方式2*/
p .A{...}

     注意，上述代碼的兩個選擇器間以空格空格空格分隔。另外，後代選擇器使用起來灰常自由。這麼說吧，上述例子中p元素不必定必須是span的老爸，只要是span的直系長輩好比爺爺均可以。換句話說，在p元素包含span元素的狀況下，後代選擇器就能夠發揮做用了。

 

2、多類選擇器

　　接下來，來講說多類選擇器。舉個例子：

.funny{...}
.handsome{...}
.funny.handsome{...}

     注意，上述代碼的兩個選擇器間沒有沒有沒有空格分隔。好的，如今有.funny和.handsome這兩個類，顯然「我是個有趣而且帥的boy，二者缺一都不是我」是一個真命題，因此只有「.funny.handsome」這個多類選擇器才能夠選擇我。可是單獨的「.funny」不能選擇我，緣由見前文提到的真命題，「.handsome」選擇器同理。

     好吧不鬧了，多類選擇器的用處挺多的，好比要設置「一、被點擊(.selected)；二、按鈕(button)」的樣式，就能夠用：

button.selected{...}

     這是我在博客園寫下的第一篇博文，XD。完畢。