CSS选择器
2016-06-06 09:25:18 0 举报AI智能生成
CSS，全称为“层叠样式表”（Cascading Style Sheets），是一种用于描述HTML或XML（包括各种XML方言，如SVG、MathML或XHTML）文档呈现的样式的语言。CSS描述了在屏幕、纸质、音频等媒体上元素应该如何被渲染的问题。CSS可以控制布局和外观，例如字体、颜色、间距以及大小等方面。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。CSS能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。
作者其他创作
大纲/内容
分组
对所有的段落：body, h2, p, table, th, td, pre, strong, em {color:gray;}
对一个段落： h1 {
font: 28px Verdana;
color: blue;
background: red;
}
类选择器
进行匹配不一定需要完全匹配
可以组合使用
可以叠加使用，叠加可以具有新特性
id选择器
在文档中只能被使用一次
不能有多种组合，不允许有空格分隔的列表
属性选择器
属性与属性值必须完全匹配,注意与类选择器的区别
添加title属性进行匹配
子串匹配属性选择器
*包含
^开头
$结尾
后代选择器
语法规则：h1 em {color : red;}
子元素选择器
语法规则：h1 > strong {color:red;}
相邻兄弟选择器
紧接在某一元素之后所有的所有元素
出现在l1之后的所有元素
伪类
语法：selector : pseudo-class {property: value} 或者selector.class:……
实例
锚伪类
link 未访问 visited 已访问 hover 鼠标悬停 active 选定时
first-child伪类
作为任意元素的子元素p，只匹配第一个
选择器匹配所有 <p> 元素中的第一个 <i> 元素 因为父亲已经指定
lang 伪类
定义不同的语言规则
伪元素
语法：selector:pseudo-element {property:value;}
实例
p : first-letter
p : first-line
h1 : before(after)
自由主题
自由主题
0 条评论
下一页
