007 CSS基本选择器
2024-09-25 23:29:58
复习。
一:类选择器
1.多类名选择器
使用场景:某个标签上需要多个类进行描述。
多个类之间使用空格分开。
冲突的时候,和类名在html中的先后顺序没有关系,和css中的样式的先后顺序有关系。
2.案例
需求:将几个div标为红色,然后将第一个div还要字体变大为40.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
.red{
color: red;
}
.font20{
font-size: 40px;
}
</style>
</head>
<body>
<div class="red font20">多类名</div>
<div>多类名</div>
<div>多类名</div>
<div class="red">多类名</div>
<div>多类名</div>
<div class="red">多类名</div>
<div>多类名</div>
</body>
</html>
3.效果
二:id选择器
1.说明
使用#
三:通配符选择器
1.通配符选择器
* :所有
?:一个的意思
2.案例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
* {
color: red;
} </style>
</head>
<body>
<div class="red font20">多类名</div>
<p>多类名</p>
<span>多类名</pan>
</body>
</html>
3.效果
四:标签选择器
1.说明
标签后面加选择器
最新文章
- win7下利用ftp实现华为路由器的上传和下载
- 关于新版ADT创建项目时出现appcompat_v7的问题
- mssql整理
- Spring+Mybatis多数据源配置
- aspx页面,中文乱码解决方案
- 日常使用 Git 的 19 个建议[转]
- Android自动化测试之MonkeyRunner
- MSF命令 收集
- Medusa: Gauges for JavaFX
- Linux下开发Windows平台运行的程序 - MinGW
- Hbase之Exception
- jquery on off 方法
- oracle查看相关用户表
- JavaWeb 学习的第一阶段总结
- Openjudge-NOI题库-字符串移位包含问题
- 使用Mybatis-Generator自己主动生成Dao、Model、Mapping相关文件
- 【生活随笔】Introspection of my life in 2014
- 我喜欢的几款不错的vim插件
- c++课设
- FortiGate 路由
热门文章
- java读取excel的内容(可保存到数据库中)
- Java精通并发-synchronized关键字原理详解
- nginx添加系统服务(start|stop|restart|reload)
- 多线程实现的方式二实现Rannable
- c语言中字符串转数字的函数
- [Schematics] 0. Schematics ";Hello World";
- git分支相关的命令
- COM Error Code(HRESULT)部分摘录
- 【mysql】知识点
- Linux下安装Phalcon系统环境安装Phalcon 及 安装Phalcon Developer Tools