HTML5选择器

最近刚开始学习HTML5,记录一下自己学习的笔记,方便以后查阅: 首先选择器的常用分类:

  • 标签选择器
div{
       color: red;
   }
  • 类选择器
.one{
       color: yellow;
    }
  • id选择器,注意id是唯一的标示,不能用于其他标签
#main{
       font-size: 40px;
     }
  • 后代选择器
#test1 div{
            color: black;
            font-size: 50px;
        }
  • 属性选择器
div[name]{
            color: blue;
        }

Demo练习:

<body>
    <div id="main">11111111111111</div>
    <div>11111111111111</div>
    <div>11111111111111</div>

    <p>2222222222222</p>

    <div class="one">2222222222</div>
    <p class="one">4444444444444</p>

    <div id="test1">
        <p>
            <div>3434343424234</div>
        </p>
    </div>

    <div name="cen">98989898</div>
    <div>77777777777</div>
</body>

打赏一个呗

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦