CSS选择器类型
来源:互联网 发布:less.js怎么用 编辑:程序博客网 时间:2024/05/21 08:06
CSS选择器的由选择器与声明组成。声明包括属于与值两部分:selector{property:value}
选择器的类型划分:
标签选择器:实质为html代码中的标签;
类选择器:语法为;.类选择器名称{CSS样式代码};
ID选择器:语法为;#id{CSS样式代码};
子选择器:语法为;selector>html标签{CSS样式代码};即大于符号(>),用于选择指定标签的第一代子元素;
包含选择器:语法为;selector html标签{CSS样式代码};即加入空格,用于选择指定标签下的后辈元素;
通用选择器:语法为;*{CSS样式代码};即使用一个(*)号指定,它的作用是匹配html中所有的标签;
伪类选择符:允许给html不存在的标签(标签的某种状态)设置样式,例如给html中标签元素设置鼠标滑过的状态;
分组选择器:为html中多个标签元素设置同一个样式,使用分组选择符(,)分隔selector;
CSS样式的继承:即一种规则,允许样式不仅应用于选定的html标签元素,同时应用于其后代。
div标签用于网页排版,span标签没有语义,是为了设置单独的样式用的。
注:
CSS样式的权重情况
标签的权值为1,
类选择符的权值为10,
ID选择符的权值最高为100,
继承也有权值但很低,有的文献提出它只有0.1,所以可以理解为继承的权值最低
eg:实例来自慕女郎
p{color:red;} /*权值为1*/
p span{color:green;} /*权值为1+1=2*/
.warning{color:white;} /*权值为10*/
p span.warning{color:purple;} /*权值为1+1+10=12*/
#footer .note p{color:yellow;} /*权值为100+10+1=111*/
- css 选择器类型分类
- CSS选择器类型
- CSS类型选择器
- CSS选择器类型
- CSS选择器类型
- CSS 选择器常见类型
- css选择器的类型,入门知识!
- css样式选择器的类型---lesson2
- FLEX CSS样式:类选择器和类型选择器的区别
- css小笔记 样式类型,选择器类型,伪类选择器类型
- CSS选择器.aa.bb类型在IE6下的Bug
- HTML+CSS总结(2)选择器的类型
- CSS选择器,jQuery选择器
- jQuery选择器 CSS选择器
- css选择器-基本选择器
- css选择器-属性选择器
- CSS选择器选择器
- CSS选择器-属性选择器
- Git 2 常用命令
- c++第一次实验-2
- RBAC 权限入门
- mqtt service
- UIImageView 图片变得模糊朦胧问题
- CSS选择器类型
- 多个form表单之间的数据在一个方法中实现,利用入口思想
- 实现知乎加号按钮的动画效果
- xml-3处理
- TortoiseSVN客户端重新设置用户名和密码
- Activity中finish() onDestroy() 和System.exit()的区别
- 5分钟看懂│从深蓝到阿尔法狗,人机大战20年进化了什么?
- 超星的Pdg/Pdz转带书签目录Pdf的好方法
- 服装PDM产品数据管理