首页 > 其他分享 >html组合选择器

html组合选择器

时间:2023-09-10 15:31:58浏览次数:32  
标签:span 组合 标签 h4 html div 选择器

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

    <style>

        /* 组合选择器:多个选择器公用同一种样式 */

        div,p,h4{

            color: #0f0;

        }

    </style>

</head>

<body>

    <div>

        div中的不带标签的内容

        <span>组合选择器,注意很常用</span>

    </div>

    <p>

        <span> p标签中的span标签</span>

    </p>

    <h4>

        <span>h4标签中的span标签</span>

    </h4>

</body>

</html>

标签:span,组合,标签,h4,html,div,选择器
From: https://blog.51cto.com/u_14978586/7425878

相关文章

  • 前端开发者必看:CCS选择器的使用技巧和最佳实践
    前端开发中,选择器是非常重要的一部分。CSS选择器是用于选取HTML或XML文档中特定元素的模式,通过这些模式可以控制页面的样式。在前端开发中,常用的CSS选择器有以下几种:标签选择器标签选择器是通过HTML标签名称来选取元素,例如:p{color:red;}上述代码将会把页面中所有的......
  • 4.HTML开发--图片画廊:创建一个图片画廊,允许用户浏览和查看照片。
    创建一个图片画廊是一个很有趣的项目,它可以展示你的照片集合。以下是一个简单的HTML和CSS模板,你可以基于它创建一个图片画廊:<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial......
  • 城市地区选择器 级联选择器
     级联选择Cascader-AntDesignhttps://ant-design.gitee.io/components/cascader-cncity_picker_china|FlutterPackagehttps://pub-web.flutter-io.cn/packages/city_picker_chinaflutter_city_picker/lib/src/picker.dartatmaster·cenumi/flutter_city_picker......
  • HTML5 Form表单
    Form表单使用来用户填写信息,从而能采集用户信息,使网站有交换功能,所有用户输入的地方;<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width,initial-scale=1.0"><t......
  • web前端技能方法总结(css、js、jquery、html)(2)
    创建链接块display:block;列表样式在一个无序列表中,列表项的标志(marker)是出现在各列表项旁边的圆点。在有序列表中,标志可能是字母、数字或另外某种计数体系中的一个符号。要修改用于列表项的标志类型,可以使用属性list-style-type:ul{list-style-type:square;}1上面的声明把......
  • HTMLNote
    1.概述1.1网页网站是指在因特网上根据一定的规则,使用HTML等制作用于展示特定内容相关的网页集合。网页是构成网站的基本元素,它通常由图片、链接、文字、声音、视频等元素组成。通常我们看到的网页,将其称为HTML文件。1.2浏览器浏览器是网页显示、运行的平台。常用的浏览......
  • HTML零基础入门(1)
    博主主页:倔强的大蜗牛 ......
  • HTML5元素分类和新增标签
    元素分类<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>Document</title&g......
  • HTML5表格标签和单元格合并
    表格标签<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=,initial-scale=1.0"><title>Document</title></head&g......
  • ES6 Module模块,在vsCode中已服务器模式运行HTML文件
    操作步骤如下:一、安装LiveServer插件二、点击扩展设置三、设置liveserver默认打开浏览器为“chrome”四、配置-工作区五、在HTML文件中,右键选择"openwithLiveServer" 输出结果 ......