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。完毕。