简介简介CSS中的各种选择符中的各种选择符
主要介绍了CSS中的各种选择符,是CSS入门学习中的基础知识,需要的朋友可以参考下
类型,类和类型,类和ID选择器选择器
带有空格的字体名称要用''引起来
对选择器分组可使同一规则适用于多个选择器,例子如下
CSS Code复制内容到剪贴板
1. th,td {
2. padding:0 10px 00;
3. }
选项的优先级选项的优先级
CSS Code复制内容到剪贴板
1. h1 {
2. font-family:'Times New Roman',serif;
3. }
4. //先选用前者,没有前者,再使用后者
类型名与类名中间不应有空格 div.btn-success
通用选择器*,适用于文档所有元素
CSS Code复制内容到剪贴板
1. * {
2. font-family:Arial;
3. }
后代选择器后代选择器
CSS Code复制内容到剪贴板
1. div.planet table td {
2. padding:0 10px 0 0;
3. }
4. //是类为planet的div元素的后代table的后代的td样式
万万牢记,上下文选择符以空格作为分隔符,而分组选择符则以逗号作为分隔符,不要弄混。
子选择符子选择符>
CSS Code复制内容到剪贴板
1. section > p{
2. font-style:Italic;
3. }
4. //section的子元素p
同胞选择符~和同胞选择符~和+
section ~ p {
font-style:Italic;
}
//p在section后面就行
section + p {font-style:Italic;}
//p必须紧跟section
非子选择符非子选择符
CSS Code复制内容到剪贴板
1. selection * a {
2. ***;
3. }
4. //所有是selection元素孙子的a元素
ID选择器
评论0
最新资源