CSS基础——2.CSS选择器

ops/2024/11/9 16:46:03/
1. 通用选择器

通用选择器用星号*表示,它不匹配某个特定的 HTML 元素,而是匹配 HTML 文档中的每个元素,开发中通常使用通用选择器来清除 HTML元素中默认的内外边距

通用选择器格式:*{}

* {
    margin: 0 auto;
    padding: 0;
}

2. 标签选择器

根据标签的名字 进行选择匹配

标签选择器格式:标签名{}

p{
    color: red
}
span{
    color: blue
}

3. ID选择器/类选择器

根据标签的ID属性或者class属性来匹配,ID选择器的定义需要用到#,后面紧跟ID属性值,类选择器的定义需要用到一个英文的句号.,后面紧跟 class 属性的值

ID选择器格式: #ID名{}
#d1{
    background: aquamarine;
}

类选择器格式:.类名{}
.c1{
    background: black;
}

<div>
    <span id="d1">ID选择器</span>
    <span class="c1">类选择器</span>
</div>
 


http://www.ppmy.cn/ops/14656.html

相关文章

若依顶部导航栏Navbar一些个性化设置

navbar改造 删除部分默认工具栏 代码所在位置 src–>layout–>component–>Navbar.vue <div class"right-menu"><template v-if"device!mobile"> <!-- <search id"header-search" class"right-menu-ite…

《环阳宗海逍遥游》

第一天:《六十八道拐》五月二日游兴浓&#xff0c;大观公园门囗逢。海埂西门再集合&#xff0c;蓝光城里意无穷。呈贡过后松茂过&#xff0c;阳宗镇上心欢融。宜良城中暂歇脚&#xff0c;六十八拐路难通。宜良住宿赏夜色&#xff0c;期待明朝再接龙。 第二天:《情人岛苗王峡行》…

li2cpp逆向

第一次遇见&#xff0c;所以记录一下 首先要下载Il2CppDumper 这个在github上直接有 这是文件&#xff08;window系统的游戏&#xff09; 游戏很简单&#xff0c;直接checkflag而已 首先我们找到GameAssembly和 global-metadata 讲他们放在同一个目录下 这道题的gameAseem…

详解JVM类加载

从类被加载到虚拟机内存中开始&#xff0c;到释放内存总共有7个步骤&#xff1a;加载&#xff08;Loading&#xff09;、验证&#xff08;Verification&#xff09;、准备&#xff08;Preparation&#xff09;、解析&#xff08;Resolution&#xff09;、初始化&#xff08;Ini…

Java 基础:设计模式之工厂方法模式

工厂方法模式&#xff08;Factory Method Pattern&#xff09;是一种创建型设计模式&#xff0c;它提供了一个创建对象的通用接口&#xff0c;但将实际创建逻辑推迟到子类中实现。这种模式允许客户端使用抽象接口来创建特定类型的对象&#xff0c;而无需了解具体的实现细节。以…

【IC前端虚拟项目】测试点思路和文档编写

【IC前端虚拟项目】数据搬运指令处理模块前端实现虚拟项目说明-CSDN博客 好&#xff0c;又到了测试点文档了这一部分了&#xff0c;我经常跟带着学习的童鞋说&#xff0c;对于芯片验证人来说测试点文档就是最重要的一个交付文件&#xff0c;也是在项目交付中最为看重的进度衡量…

ROS机器人入门第七课:参数服务器

文章目录 ROS机器人入门第七课&#xff1a;参数服务器一、参数服务器介绍二、参数操作1.参数服务器新增(修改)参数2.参数服务器获取参数3.参数服务器删除参数 ROS机器人入门第七课&#xff1a;参数服务器 一、参数服务器介绍 参数服务器在ROS中主要用于实现不同节点之间的数据…

ASP.NET Core 高级组件:标识框架(identity)

Authentication是授权,验证,它是用来验证是否登录成功, Authorization是授权,它是用来判断用户是否有权限访问,它应该是基于Authentication之上的。 使用Identity(标识)框架: 一般的系统中都需要通过数据库保存用户、角色等信息,并且需要注册、登录、密码重置、角色…