HTML5选择器

最新推荐文章于 2022-03-15 23:49:11 发布

岑志军

最新推荐文章于 2022-03-15 23:49:11 发布

阅读量569

点赞数

分类专栏： HTML5开发文章标签： html5 标签 class

本文链接：https://blog.csdn.net/u013094208/article/details/52203898

版权

HTML5开发专栏收录该内容

4 篇文章 0 订阅

订阅专栏

最近刚开始学习HTML5，记录一下自己学习的笔记，方便以后查阅：
首先选择器的常用分类：
1、标签选择器

div{
       color: red;
   }

2、类选择器

.one{
       color: yellow;
    }

3、id选择器，注意id是唯一的标示，不能用于其他标签

#main{
       font-size: 40px;
     }

4、后代选择器

#test1 div{
            color: black;
            font-size: 50px;
        }

5、属性选择器

div[name]{
            color: blue;
        }

用法示例：

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

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

岑志军

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML5选择器

最近刚开始学习HTML5，记录一下自己学习的笔记，方便以后查阅：首先选择器的常用分类： 1、标签选择器div{ color: red; }2、类选择器.one{ color: yellow; }3、id选择器，注意id是唯一的标示，不能用于其他标签#main{ font-size: 40px; }4、后代选择器#test1 di
复制链接

扫一扫