-
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语法（扩展补充）
-
相关阅读:
【目标检测】目标检测算法-从OverFeat到YOLO
01-Go语言开发环境准备
【Linux】文件权限详解
【汇编】Loop指令、段前缀
笔试强训Day8
【LeetCode刷题】面试题 17.19. 消失的两个数字
【操作系统】1.3.1 操作系统的运行机制
【Netty 从成神到升仙系列 一】Netty 服务端的启动源码剖析（一）
LCR 042.最近的请求次数
Mybatics-连接配置
- 原文地址：https://blog.csdn.net/jiuyuexixi/article/details/140356207