css-css权威指南学习笔记2
2024-08-23 19:55:51
第二章 选择器
1、在font属性中,只有一种情况下可以使用/来分隔两个特定的关键字,即元素的字体大小/行高。
2、通过把两个类选择器链接在一起,可以选择同时包含这些类名的元素,类名的顺序不限。
.warning.urgent{
background: silver;
}
3、在IE7之前的浏览器,p.warning.help只会匹配p.help。
4、同时使用id选择器和class选择器,将会引用id选择器中的值。(id选择器比类选择器优先级高)
5、简单属性选择:为所有带有alt属性的图像应用某种样式:
img[alt]{
border:3px solid red;
}
(这个例子更多用于诊断图像是否确实有效,因为img规定必须要有alt值)
6、属性选择时也可以选择具有特定属性值的元素,以进一步缩小选择范围。
7、根据部分属性值选择:(根据词选择)
p[class~="warning"]{
font-weight: bold;
}
将会选择class属性中包含warning的p元素,等价于p.warning。但它可以应用于任何属性,而不仅仅是class。如
img[title~="Figure"]{
//
}
它将会选择title文本中包含Figure的所有图像。
8、子串匹配属性选择器:P48.
9、特定属性选择类型:
img[src|="figure"]{
//
}
将选择src属性以figure开头的img元素。这个是匹配字符串,与根据部分属性值选择不同。
10、选择相邻兄弟元素:
h1+p{
//
}
选择紧接着h1元素后出现的所有p元素。他们具有共同的父元素。
最新文章
- C#语言基础
- 用python实现的百度音乐下载器-python-pyqt-改进版
- iOS 复选框做法
- 移动前端页面与Chrome的远程真机调试
- 每天一个linux命令(33):ps命令
- [转载] 一致性问题和Raft一致性算法
- Map写入的顺序 输出地顺序ZT
- ssh-keygen+ssh-copy-id无密码登录远程LINUX主机(转载)
- A Mini Locomotive(动态规划 01)
- 二叉树后序遍历的非递归算法(C语言)
- python操作 redis-list
- linux之无名管道
- 【伯乐在线】最值得阅读学习的 10 个 C 语言开源项目代码
- 【JavaScript】封装实用方法【持续积累】
- golang go语言通道类型的通道示例 通道的通道
- Web 服务器被配置为不列出此目录的内容。
- Spark源码剖析 - SparkContext的初始化(九)_启动测量系统MetricsSystem
- 使用MaxCompute访问TableStore(OTS) 简明手册
- thinkphp和ueditor自定义后台处理方法整合
- HTML5游戏开发引擎Pixi.js新手入门讲解