-
html5——CSS基础选择器
目录
标签选择器
HTML标签作为标签选择器的名称：
…
、
、
语法：标签名【标签选择器】 { font-size【属性】:16px【值】;}
类选择器
<标签名 class= "类名称">标签内容标签名>
语法：.class { font-size:16px;}
注意事项：
- 类名可以由字母、数字、中划线、下划线组成，但不能以数字或中划线开头
- 一个标签可以设置多个类名，以空格隔开，但是一个元素不能写多个class属性
- 类名可以重复使用，一个类选择器可以同时作用于多个标签（一对多）
id选择器
<标签名 id= "id名称">标签内容标签名>
语法： #id { font-size:16px;}
注意事项：
- id属性值类似于身份证号码，在一个页面中是唯一的，不可重复
- 一个标签只能设置一个id属性
- 一个id选择器只能作用于一个标签（一对一）
三种选择器优先级
ID选择器>类选择器>标签选择器
标签选择器是否也遵循“就近原则”？
不遵循，无论是哪种方式引入CSS样式，一般都遵循ID选择器 > 类选择器 > 标签选择器的优先级
标签指定式选择器
既符合选择器1，又符合选择器2，设置样式
p.title{ font-size: 36px;}
选择器之间无空格，如果有标签选择器，标签选择器必须写在前面
包含选择器
在选择器1所找到的后代中，找到满足选择器2的元素，设置样式
选择器1 选择器2{ font-size: 36px;}
包含（后代）选择器两个选择符之间必须要以空格隔开，中间不能有任何其他的符号插入
群组选择器
选择器1，选择器2，选择器3...都设置相同样式
选择器1,选择器2,选择器3...{ font-size: 36px;}
选择器组可以是标签选择器、类选择器、id选择器、交集选择器...用逗号分隔
通配符选择器
设置页面中所有标签的样式
*{
margin: 0px;
padding: 0px;
}
Emmet语法（扩展补充）
-
相关阅读:
python import 导入文件其他路径下的文件的方法
探索Java面向对象编程的奇妙世界(四)
python调用oracle
项目中uri提示http://java.sun.com/jsp/jstl/找不到jar包
Web基础与HTTP协议
exit()函数、_exit()函数 和 _Exit()函数
Python爬虫：为什么你爬取不到网页数据
Cannot find proj.db
Power Modeling and Analysis
【Linux学习】系统状态检测命令
- 原文地址：https://blog.csdn.net/jiuyuexixi/article/details/140356207
- 最新文章
-
沪漂五周年了：我越来越迷茫了
Agentic Skill Routing 实战：别再把所有 Skill 塞进 AI Agent 上下文
MySQL-Seconds_behind_master的精度误差
[MAF预定义ChatClient中间件-03]CachingChatClient——利用缓存省钱省时间
AI的至暗历史：从万众期待到被政府撤资，AI的两次死亡徘徊
Agent OS ：五种驯服不确定性的范式
PortSwigger SQL注入LAB11
数据库即时编译JIT
[Begin]AI Learn Data Day 0
深度学习进阶（二十七）现代 LLM 的核心架构设计其二：SwiGLU