CSS中的选择器和样式优先摘要
优先级:从高到低(从上到下)重要!
内联(1,0,0,0)
编号:(0,1,0,0)
班:(0,0,1,0)
伪类/属性
元:(0,0,0,1)
通配符
类选择器
类
选择符
id
伪类选择器
CSS伪类(伪类)是添加到选择器中指定元素状态的关键字。
链接的相关性
答:未访问的链接链接
已访问的链接:访问
鼠标悬停到链接上
答:活动选定的链接
目标可以用来选择当前活动的目标元素,href =# 222(内容跳)
表单元素的相关性
焦点伪类在元素获得焦点时向元素添加特殊样式。
禁用匹配每个禁用元素(主要用于表单元素)。
:启用表示任何已启用(启用)元素
检查选中的每个输入元素的匹配(仅用于单选按钮和复选框)(只有Opera支持)
亲子关系
空不代表元素子元素,只是元素节点、文本(包括空格)计算,注释,和运行指令不考虑。
第一个子元素表示一个元素,它是父元素的第一个子元素。
CSS代码将内容复制到剪贴板。
:第一种
最后类型
n儿童(N)N子元素选择器匹配属于它的父元素,无论该元素的类型
n可以是一个数字,一个关键字,或者一个公式(2,A,B,奇数)(n是一个计数器(从0),B是一个偏移量)。
倒数第n个子(n)倒数
n类型(n)
属性选择符
E {属性}
E = {属性值}
E {属性~ =价值}选择器用于选择元素包含指定词汇的属性值
E {属性^ =价值}选择器匹配的每个元素,从价值的指定值。
亲子鉴定
E是元素a的后代元素E(后代节点指的是a的子节点、子节点),等等。
一> E任何元素的子元素(直接)
CSS代码将内容复制到剪贴板。
E {属性值} * =
E {属性值} $ =
基于关系的选择
兄弟会
b e E元素的下一个同级元素,B,E(直接)
b族元素背后常见母体元素e的兄弟关系
和
。class1.class2还包含元素的一阶、二阶属性
F # ID具有一定身份的F元素
或
e,f所有E或f元素
伪元素
e:第一线将特殊风格添加到文本的第一行。
E:第一个字母给正文的第一个字母增加了一种特殊的风格。
e:在元素前面添加内容之前。
e:在元素后面添加内容。