一些css3选择器2018-10-09

 目前所学选择器有：
 p{

 }
 ‘#’spcial{

 }
 .special{

 }
 div div .special{

 }
 .special,.important{

 }
 p.sepcial{
 
 }

详细看我前面的选择器文章。

1.第一代选择器（儿子选择器） IE7开始兼容

div>p{ }
表示选择div标签里的第一代p标签

截图
能选择

                   <div>
                    <p>=我是一个例子<p>
                  <div>

 不能   

        <div>
         <ul>
            <li>                
                <p>我是一个例子</p>
            </li>
         </ul>      
    </div>

2序号选择器

ul li:first-chid{ color:red;}

快乐吗

3下一个兄弟选择器

h3+p{color:orange}

兄弟选择器
选择h3下一个p