[学习笔记]CSS选择器
2024-08-29 07:33:33
CSS语法结构
selector {
property1 : value;
property2 : value;
}
如果包含多个属性,那么属性每个属性的结尾需要有一个分号。如果属性的值由多个单词构成,那么需要使用引号将多个单词包含起来。
选择器的种类:
- 元素选择器 - 直接选择html元素: h1{} , a{}
- 选择器分组 - 可以针对多种类型的标签设置相同的样式: h1,a{}
- 通配符 - 针对所有的html标签设置样式.常用的做法是使用通配符来设置margin和padding为0px: *{}
- 类选择器 - 通过.classname来指定一类样式,在html中通过class=classname来设置类样式: .class{}
- 元素选择器+类选择器 - 选取指定了类选择器的特定类型的元素: a.class{}
- 多类选择器 - 顾名思义,在html标签上应用多个类样式.在html中通过class="class1 class2"来指定,在样式表中的格式为: .class1.class2{}
- id选择器 - 通过#id来为特定的属性来指定样式,只需为html标签设定id: #id{}
- 属性选择器 - 对带有指定属性的html指定样式: [property] {}
- 属性和值选择器 - 类似于属性选择器,并且附加一个限定条件即为特定的属性指定了一个值: [property = value] {}
- 部分属性值选择器 - 类似与属性和值选择器, 这种情况下,只需属性的值包含有给定的值即可: [property~=value]{}
- 后代选择器 - 选择某元素的后代(包括子元素, 子孙元素, 后代元素...): div p a{}, 选取div元素下面的p元素下面的a元素
- 子元素选择器 - 选择某元素的子元素(只能选择直接的后代): p>strong{}
- 相邻兄弟选择器 - 选择紧接着某元素后面的元素,且具有相同的父元素: h1+p{}, 与h1同级别并且紧接着出现在h1后面的p元素
- 继承:子元素将会继承父元素上定义的样式
最新文章
- Xilinx下载安装与在win10闪退问题解决方法
- OpenSuse 中目录中文路径改为英文路径
- 自绘制HT For Web ComboBox下拉框组件
- mybatis做like模糊查询
- wordpress的创建
- LR场景设置里的各参数解释
- 解决Execwb 导致 ado崩溃的问题。
- 关于Integer类中parseInt()和valueOf()方法的区别以及int和String类性的转换.以及String类valueOf()方法
- nullptr和NULL 区别
- U盘详解
- Adb shell得到root才干
- zencart 掉炸天的tpl_main_page.php
- 11) 十分钟学会android--Intent消息处理与传递详解
- Scala:提取器(Extractor)
- Python包中__init__.py作用
- 如何在IDEA里给大数据项目导入该项目的相关源码(博主推荐)(类似eclipse里同一个workspace下单个子项目存在)(图文详解)
- antd tree组件文件名换行 + 点击展开时,自动收起同级其他展开目录
- 自学Zabbix3.12.6-动作Action-Escalations配置
- Verdi如何编译design并打开
- Maven 99.0-does-not-exist构建空包,排查依赖
热门文章
- 【起航计划 007】2015 起航计划 Android APIDemo的魔鬼步伐 06 App->;Activity->;Forwarding Activity启动另外一个Activity finish()方法
- Struts2_总结
- 当你的域名是数字开头时如何命名java包路径
- 建立本地yum源
- 利用jQuery做登录界面的验证码
- 4 - 函数&;装饰器 and 迭代器&;生成器
- Selenium入门系列5 默认不显示的下拉列表元素操作
- javascript当中的无限分类
- 在写EF 时把时间格式化的做法
- 关于 npm install 命令