HTML中四种选择器

2023-10-30

1.类选择器class:“.class”

2. id 选择器:“#id”

3.派生选择器:“p strong”

4.属性选择器:“[title] / [title=te]”


代码如下:

<!DOCTYPE HTML>
<head>
<meta equiv="Content-Type" content="text/html" charset="utf-8">
<title>选择器的选择</title>
<link href="paisheng.css" type="text/css" rel="stylesheet">
</head>
<body>
<p><strong>派生选择器</strong></p>
<li><strong>Hello 派生选择器!</strong></li>
<hr/>
<p id="pid">id选择器</p>
<li><strong>id-#</strong></li>
<div id="ID">Hello ID选择器!</div>
<hr/>
<p class="pclass">class类选择器</p>
<div class="second">Hello class类选择器!</div>
<hr/>
<p title="t">属性选择器</p>
<h1 titles="te">Hello 属性选择器!</h1>
</body>

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

HTML中四种选择器 的相关文章

  • 程序猿关注的微信公众号和网站

    36氪 wow36kr 功能介绍 36氪 36Kr com 是中国领先的科技新媒体 我们报道最新的互联网科技新闻以及最有潜力的互联网创业企业 账号主体 北京协力筑成传媒科技有限公司 商标保护 氪 36 硅发布 guifabucom 功能介绍
  • Web前端——CSS复习(3.27-3.31)

    1 渐变 1 什么是渐变 渐变 指的是两种或多种颜色之间的平滑过渡 aa 渐变可指定多个中间颜色值 色标 bb 渐变可以用在任何适用背景图片的地方 线性渐变 径向渐变 重复渐变 2 渐变语法 在CSS3中使用background image
  • css复习中常见的问题

    1 如果想让图片位于文字之后显示 即文字占前边 如下代码所示 img src dog jpg alt p 保护动物 人人有责 p 注意 由于在上述例子img标签元素设置了z index属性 即显示元素相对应的优先级 值 1即表示优先级滞后一
  • CSS中clear:both的作用

    clear both意思就是清除浮动 例如我们设置了三个div如下
  • web前端开发到底是自学还是去上培训班?

    web前端开发到底是自学还是去上培训班 纠结中 应届毕业生 软件技术专业 去年接触到web前端开发这个行业 但是迷迷糊糊的就知道HTML CSS JS 其他一无所知 就知道做网页加一些网页的动态效果 没有系统的学习 相应的用到就学 没用到的
  • Web前端——Javascript学习(API)

    1 API 应用程序编程接口 这是实现的 现成的对象和方法 提高开发效率 2 数组API 1 arr to String var str arr toString var str arr join 连接符 自定义连接符 固定套路 1 将字符
  • 前端实际开发中的命名规范(个人建议)

    如果说计算机科学只存在两个难题 缓存失效和命名 那我觉得前端的命名占有一席之地 让人难以理解的命名方式 单词拼写错误 中英文混用 以数字1 9或者以a z命名 中文拼音命名 强制缩写 命名方法 每个单词之间用 或者 连接 小驼峰 除第一个单
  • 扎心的前端开发

    喂喂喂 那个切图的 把页面写好就发给研发工程师套模板吧 你好 切图仔 不知道你的团队如何定义前端开发 据我所知 时至今日仍然有很多团队会把前端开发归类为产品或者设计岗位 虽然身份之争多少有些无谓 但我对这种偏见还是心存芥蒂 酝酿了许久 决定
  • 最详细的Hexo Next主题配置教程

    配置环境 安装Node 必须 作用 用来生成静态页面的 到Node js官网下载相应平台的最新版本 一路安装即可 安装Git 必须 作用 把本地的hexo内容提交到github上去 安装Xcode就自带有Git 我就不多说了 申请GitHu
  • 零基础学习WEB前端开发(六):HTML超链接标签

    一 超链接 二 用法及分类 基本语法 外部链接 内部链接 空连接 下载链接 其他元素链接 锚点链接 一 超链接 HTML使用标签 a 来设置超文本链接 超链接可以是一个字 一个词 或者一组词 也可以是一幅图像 您可以点击这些内容来跳转到新的
  • css渐变

    1 线性渐变 是从一个方向到另一个方向的渐变 属性值 background linear gradient 颜色 默认值 从上到下线性渐变 代码 结果 属性延伸 1 改变渐变方向 从下到上 background linear gradien
  • 20 个常用的 CSS 技巧

    Sandy 推荐 高级工程师 游戏开发 下面这几个CSS技巧你可能不知道 1 彩色照片变黑白 2 所有元素垂直居中 3 禁用鼠标 4 模糊文字 小编学完能量满满的 觉得对CSS又充满了爱 你也来看看 原文链接 http caibaojian
  • vue css >>> , /deep/ 深度选择器

    vue引用了第三方组件 有时候我们需要改写第三方组件的样式 而又不想去除scoped属性造成组件之间的样式污染 此时只能通过 gt gt gt 穿透scoped 有些Sass 之类的预处理器无法正确解析 gt gt gt 这时可以使用 de
  • vue框架采用的模式:MVVM模式

    Vue 框架采用的模式是MVVM模式 响应式布局 MVVM模式 Model View ViewModel 与MVC模式相比 不再局限于数据单向绑定 而是能够实现数据双向绑定 同步刷新 原理 View层和Model层是通过ViewModel层
  • Javascript:谈谈JS的全局变量跟局部变量

    今天公司一个实习小妹子问我两段JS代码的区别 我想 好简单
  • 学习vue之node的安装

    关于node 简单的说 Node js 就是运行在服务端的 JavaScript Node js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境 Node js 使用了一个事件驱动 非阻塞式 I O 的模型 使其轻量
  • 简述gitee使用及创建仓库及远程连接

    第一步 找到gitee网址 进入 Gitee 基于 Git 的代码托管和研发协作平台 第二步 点击右上角注册按钮 第三步 登录 第四步 点击右上角加号图标 下拉菜单的新建仓库 第五步 新建仓库 取一个仓库名 点击创建按钮 第六步 跳转至新建
  • Web前端开发精品课HTML CSS JavaScript基础教程HTML部分知识点总结

    内容来自莫振杰Web前端开发精品课HTML CSS JavaScript基础教程章节总结 第1章 HTML简介 1 前端技术简介 1 从Web1 0到Web2 0 网页制作已经变成前端开发了 对于前端开发来说 你要学的并不是什么 网页三剑客
  • 架构图以及vue的简介

    架构图 前后端分离总架构图 前端架构设计图 MVVM 架构模式 MVVM 的简介 MVVM 由 Model View ViewModel 三部分构成 Model 层代表数据模型 也可以在Model中定义数据修改和操作的业务逻辑 View 代
  • vue_elementui_formatter的使用方法_elementui提取table表格使用formatter方法

    后台管理系统中用到了非常多的表格 一般为了方便都会讲表格进行提取 形成公共组件 提取表格时会遇到返回的json数据中要对单个字段进行处理 如时间戳转换 状态转换等 封装的表格组件代码

随机推荐

  • Oracle + MyBatis 3 实现批量新增/修改

    批量新增Mapper 定义 public interface BaseHouseMapper 批量新增Mapper 定义 void batchInsert Param list List
  • git 查看该项目在git的具体地址

    在终端输入如下命令 git remote v 结果如下 上图显示的是该项目的git地址
  • 【Python】Pycharm连接云服务器的MySQL数据库详细步骤

    Pycharm连接数据库 MySQL 云服务器 准备阶段 pycharm的配置 服务器配置 问题汇总 准备阶段 准备阶段 pycharm正确运行环境 服务器一枚 pycharm直接官网下载 我是用的2020 3 2版本 服务器是腾讯云的免费
  • 关于android的WebView

    android webkit库聚合了webkit内核的浏览器功能 webview就是她的一个控件 可以使得网页轻松的内嵌到app里 并且比较强大的是 还可以直接跟js相互调用 webview有两个方法 setWebChromeClient和
  • flutter设置状态栏颜色

    Android flutter SystemUiOverlayStyle systemUiOverlayStyle SystemUiOverlayStyle statusBarColor Colors transparent SystemC
  • C语言程序设计之猜数字游戏(随机数的讲解)

    游戏玩法 电脑随机生成一个随机数 1 100之间 玩家根据提示进行猜测 直到猜对为止 相关知识点 分支与循环 随机数的生成 时间戳 标准输入输出 强制类型转换等 时间戳和随机数的生成将在本篇blog中重点讲解 其他知识点在其他blog中有重
  • 关于视频自动截取封面_ ffmpeg

    后台富文本框内 插入视频后 保存信息时 对视频封面处理 ffmpeg下载地址 创建bat文件 如以下关于bat文件的内容 start C Users 83469 Desktop ffmpeg 20180310 2536bd8 win64 s
  • Android 虚拟机简单介绍——ART、Dalvik、启动流程分析

    Android 虚拟机方面的知识 我是通过 深入理解 Android 内核设计思想 来学习的 内容特别多 只有一章 但有 160 页 感觉和 Android 开发有些偏 因此很多内容都没有认真去看 比如 EFL 格式等 这里只是选取了一些感
  • 尝试CornerNet-Lite进行目标识别并嵌入ROS

    CornerNet Lite是刚开源不久的实时目标检测方法 据说比YOLO3 牛逼 于是打算尝鲜一波 首先说运行的环境要求 1 Python 3 7 2 PyTorch 1 0 0 3 CUDA 10 意思是你得有一张NVIDIA的显卡 比
  • 10款最好用的代码编辑器 你是用哪种登录酷游?

    你是学习程式语言的初学者吗 本文由酷游登录网址AP98点NE 原创 未经许可请勿转发 可能刚学会第一门代码语言 或是厌倦了当前的代码编辑器 想改换一款介面美观又好用 以下将整理5款我们认为好用的代码编辑器 也欢迎各位分享自己正在使用的咯 1
  • 在Ubuntu上使用NFS挂载

    假设要把192 16 2 101服务器上的 home sharedata 挂载到192 16 2 102服务器上的 home receive data 一 服务端 1 安装NFS服务端 sudo apt get install nfs ke
  • 结合分析和数值技术 Python 在基本力学应用

    特点 展示了如何将分析方法和数值方法无缝集成来解决物理问题 内容 介绍 开始编程 单位和测量 一维运动 一维力 二维和三维运动 二维和三维力 受限运动 力和约束运动 工作能量 动量 脉冲和碰撞 多粒子系统 旋转运动 刚体的旋转 刚体动力学
  • java aop拦截器

    可在切面代码修改为数据库获取或redis中获取 依赖
  • 大数据平台搭建及搭建过程出错解析

    1 安装第一台虚拟机 参照博主文章 连接如下 https blog csdn net weixin 46457946 article details 114758813 2 配置网卡 配置网卡前看看你的ifconfig命令能不能用 一般来说
  • go详解strings包

    Count 计算字符串 sep 在 s 中的非重叠个数 如果 sep 为空字符串 则返回 s 中的字符 非字节 个数 1 使用 Rabin Karp 算法实现 html view plain copy func Count s sep st
  • 【Java开发者专场】阿里专家杜万:Java响应式编程,一文全面解读 ...

    本篇文章来自于2018年12月22日举办的 阿里云栖开发者沙龙 Java技术专场 杜万专家是该专场第四位演讲的嘉宾 本篇文章是根据杜万专家在 阿里云栖开发者沙龙 Java技术专场 的演讲视频以及PPT整理而成 摘要 响应式宣言如何解读 Ja
  • 【Linux】利用消息队列实现一个简单的进程间双向通信(两种方式)

    在实现利用消息队列的进程间通信之前 先了解一下基本的概念和所需要用到的函数 消息队列 消息队列是Linux内核地址空间中的内部链表 各个进程可以通过它来进行消息传递 进程发送的消息会顺序写入消息队列之中 且每个消息队列都有IPC标识符唯一地
  • C# 采用Basic Auth传递Post或者GET 数据

    public class JiraApi private string m Username private string m Password public JiraApi string username string password
  • c++实现置换选择排序有序子序列

    1 输入数据个数 2 输入每个数据 3 输入内存大小 4 输出有序序列
  • HTML中四种选择器

    1 类选择器class class 2 id 选择器 id 3 派生选择器 p strong 4 属性选择器 title title te 代码如下 p strong 派生选择器 strong p li strong Hello 派生选 s