一些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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,960评论 1 45
  • 作为前端和后台最基础可靠的神器工具JQuery,你真的对她有足够了解么? 亚非拉地区苦逼的前端er们,有时候不得不...
    扭了个妞阅读 2,870评论 0 0
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,679评论 1 92
  • 早上看了均平同学在朋友圏里发的文章,《我们和日本的差距究竟在哪里?一位博士的亲身感受》,晓亚同学也发了客观的...
    花智勇阅读 3,118评论 0 0
  • 扶水中娉婷, 闻风里荷香。 卧一旁小亭, 听采莲何方。
    刘蔚菡阅读 1,774评论 7 20