首页 > 其他分享 >H5-17 选择器

H5-17 选择器

时间:2024-12-02 21:32:30浏览次数:11  
标签:文字 17 标签 元素 H5 div 选择器 red

  CSS语法 规则由两个主要的部分构成:选择器,以及一条或多条声明(样式)

1、全局选择器

  可以与任何元素匹配,优先级最低,一般做样式初始化

  

  *{

    margin:0;

    padding:0;

   }

 

2、元素选择器

  HTML 文档中的元素,p、b、div、a、img、body等

  标签选择器,选择的是页面上所有这种类型的标签,座椅经常描述“共性”,无法描述某一个元素的“个性”

  p{

    font-size:14px;

  }

  再比如说,让一段文字的几个字变为红色字体,那么我们可以用<span>标签,把需要变颜色的几个字围起来,然后给<span>标签加一个标签选择器

  <p>一段文字中间<span>需要变颜色的文字</span>一段文字结束</p>

  span{

    color:red

  }

温馨提示:

  所有的标签,都可以是选择器。比如ul、li、label、dt、dl、input、div等

  无论这个标签藏的多深,一定能够被选上

  选择的所有,而不是一个  

  

 3、类选择器:

  规定用圆点 . 来定义,针对你想要的所有标签使用

  优点:灵活

   <p class="a">我是4</p>   /*定义类选择器*/   .a{   color:red   }    

class属性的特点:   类选择器可以被多种标签使用   类名不能以数字开头   同一标签可以使用多个类选择器。用空格隔开    <p class="a b" >我是4</p>

 

标签:文字,17,标签,元素,H5,div,选择器,red
From: https://www.cnblogs.com/zhangxiaoguo/p/18582793

相关文章

  • 题解:P11217 【MX-S4-T1】「yyOI R2」youyou 的垃圾桶
    链接https://www.luogu.com.cn/problem/P11217分析先不考虑维护垃圾桶的攻击力,假设我们已经知道了所有垃圾桶的攻击力。翻倍操作可以用左移(<<)实现。首先先计算出所有垃圾桶的伤害值,然后看看能抗几个整轮。然后考虑不能抗的情况。由于所有垃圾桶的攻击力都为正数,所以可以二......
  • H5-16 CSS 的引入方式
    1、内联样式(行内样式)要使用内联样式,你需要在相关的标签内使用样式(style)属性。Style属性可以包含任何CSS属性温馨提示:缺乏整体性和规划性,不利于维护,维护成本高<pstyle="color:red;font-size:30px;">内联样式</p>2、内联样式温馨提示:单个页面内的CSS代码......
  • H5-15 H5里面的CSS
    1、CSS简介使用CSS的目的就是让网页具有美观一致的页面2、CSS概念CSS(CascadingStyleSheets)层叠样式表,又叫级联样式表,简称样式表CSS文件后缀名为.cssCSS用于HTML文档中元素样式的定义3、为什么需要CSS使用css的目的就是让网页具有美观一致的页面4......
  • 三网H5游戏【全民暗黑H5】最新整理Win一键服务端+GM授权后台+简易安卓客户端+详细搭建
    搭建环境windows2012R2中文版推荐最低服务器配置2核心4G内存安卓客户端已测试客户端大小6M版本码H-000154......
  • OSG开发笔记(三十六):osg3.4.0基于windows平台msvc2017x64编译器编译并移植Demo
    前言  本篇编译osg3.4.0的msvc2017x64版本,之前使用的都是mingw32版本。 OSG编译步骤一:下载解压  下载3.4.0版本。  步骤二:使用cmake配置        因为是64位,可以通过后续配置cmake用x64,也可以直接选择构架:    继续:    ......
  • VS2017 设置 类模板参数推导(CTAD, Class Template Argument Deduction)
    ''#includestd::mutexm_mutex;...std::lock_guardlock(m_mutex);//A..以上代码编译提示C2955,没有模板参数改为std::lock_guardstd::mutexlock(m_mutex);编译成功但是有的代码用A处的写法,编译就成功。原因虽然C++17引入了类模板参数推导(CTAD,Class......
  • H5流媒体播放器EasyPlayer.js出现Failed to constructor 'Worker': Script at 'file:/
    随着流媒体技术的迅速发展,H5流媒体播放器已成为现代网络视频播放的重要工具。其中,EasyPlayer.js作为一款功能强大的H5播放器,凭借其全面的协议支持、多种解码方式以及跨平台兼容性,赢得了广泛的关注和应用。当播放器遇到报错Failedtoconstructor‘Worker’:Scriptat'file://......
  • P1746 离开中山路 JAVA题解 (广搜和双向广搜优化)
    题目背景《爱与愁的故事第三弹·shopping》最终章。题目描述爱与愁大神买完东西后,打算坐车离开中山路。现在爱与愁大神在 x1,y1x1​,y1​ 处,车站在 x2,y2x2​,y2​ 处。现在给出一个 n×n(n≤1000)n×n(n≤1000) 的地图,00 表示马路,11 表示店铺(不能从店铺穿过),爱与愁......
  • 基于Java web的考勤系统设计与实现-计算机毕业设计源码42117
    基于Javaweb的考勤系统设计与实现摘 要随着科学技术的飞速发展,社会的方方面面、各行各业都在努力与现代的先进技术接轨,通过科技手段来提高自身的优势,考勤系统的研究旨在设计和开发一种自动化的考勤管理系统,以提高组织内部的考勤效率、减少人力成本,并确保员工的出勤数据......
  • 不同源H5页面消息通信(web-view 内的H5向父级页面发消息并回传结果给子页面)
    文章目录父级H5页面子级H5页面应用场景是两个H5不同源的情况下实现消息互通。本示例使用uniapp开发H5,父级H5通过<web-view>组件加载子H5页面;子H5页面向父级H5发送消息调起父级H5页面的微信扫一扫功能,再将扫一扫结果回传给子H5页面。父级H5链......