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>

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

扫码关注云+社区

领取腾讯云代金券