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 条评论
登录 后参与评论

相关文章

  • HTML5-css样式分类

    czjwarrior
  • HTML5-CSS布局

    czjwarrior
  • Quartz2D实战-画板工具

    czjwarrior
  • HTML规范 - 整体结构

    申霖
  • HTML&CSS书写规范

    第一部分:HTML书写规范: 1.1 HTML整体结构: 1.1.1:HTML基础设施: 文档以"<!DOCTYPE...>"首行顶格开始,推荐使用"<!DOC...

    用户1149564
  • Python爬虫获取豆瓣电影并写入excel

    这篇文章主要介绍了Python爬虫获取豆瓣电影并写入excel ,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考...

    python学习教程
  • 块级格式化上下文

    BFC块级格式化上下文Block Formatting Context,是Web页面的可视CSS渲染的一部分,是块盒子的布局过程发生的区域,也是浮动元素与其他元...

    WindrunnerMax
  • FLEX布局

    FLEX布局也称弹性布局,可以为盒状模型提供最大的灵活性,是布局的首选方案,现已得到所有现代浏览器的支持。

    WindrunnerMax
  • Position定位

    CSS中position属性是比较常用的元素定位方案,position常用的取值有static、relative、absolute、fixed、sticky、i...

    WindrunnerMax
  • 前端知识复习(一)

    span不可以,img和video可以 span 属于行内非替换元素不能设置宽高,img, video 属于行内替换元素,可以设置宽高

    治电小白菜

扫码关注云+社区

领取腾讯云代金券