CSS2的选择器
来源:互联网 发布:我知女人心电影插曲 编辑:程序博客网 时间:2024/04/30 07:51
一、什么是选择器
选择器{ 样式}
在{}之前的部分就是“选择器”,“选择器”指明了{}中的“样式”的作用对象,也就是“样式”作用于网页中的哪些元素。
二、选择器的种类
1.标签选择器
标签选择器其实就是html代码中的标签。如右侧代码编辑器中的<html>、<body>、<h1>、<p>、<img>。例如下面代码:
p{font-size:9px;line-height:1px}
2.类选择器
在html中用class="类选择器名称" 引用
.类选择器名称{css样式代码;}
3.ID选择器
在html中用id="ID选择器名称" 引用
.ID选择器名称{css样式代码;}
类选择器与ID选择器的异同
两者都能作用于所有标签,不同的是:在一个html文件里,ID选择器只能使用一次,而类选择器可以使用多次。此外最要的是,类选择器可以使用类选择器词列表方法为一个元素同时设置多个样式。例如:
P1{ 样式} P2{样式}class="P1 P2"这样就能同时拥有P1 P2的样式
4.子类选择器和后代(包含)选择器
子类选择器
.food>li{border:1px solid red;}
后代选择器
.first span{color:red;}
两者的区别在于:子类选择器只作于第一代后代,而后代(包含)选择器则能作用于所有的后代
5.其他选择器
通用选择器:设置所有标签
*{样式}
伪类选择器:作用于html标签的状态
:hove{}
分组选择器:把相同的样式写在一起
P1,p2{样式}
0 0
- CSS2的选择器
- CSS2选择器
- css2的几种特殊选择器
- css2.09_其他选择器的补充
- css2选择器写法大全
- CSS选择器大全(CSS2)
- CSS2-7种选择器
- CSS3及CSS2中易忘记的选择器记录
- CSS2/3选择器详细总结
- css2.5_类选择器
- css2.6_后代选择器
- css2.7_交集选择器
- web设计人员必读 css2选择器(css2 Selectors)
- css2.0选择器及文字样式
- HTML5+CSS3自学笔记01-CSS2选择器
- CSS2+DIV的学习心得
- CSS2+DIV的学习心得
- CSS2的无序列表
- CSS3--圆角
- CSS3简易表盘时钟
- Android内存优化(使用SparseArray和ArrayMap代替HashMap)
- (二十六)进程间通信——pipe管道
- Web App 开发
- CSS2的选择器
- ios 开发 app id 冲突
- 期末课程设计之java实现五子棋的人机和人人对战
- JDBC+C3P0连接Oracle,SID无效
- MySQL常用脚本
- JS实现点击复选框变更DIV显示状态实例
- swift中UITextView的使用
- 让lua的gc替我们回收c的堆变量
- Til the Cows Come Home (Digkstra邻接矩阵裸模板)