css中的一些常用选择器
来源:互联网 发布:力帆租车软件叫什么 编辑:程序博客网 时间:2024/06/05 08:15
css中的选择器
1.标签选择器,作用与当前页面所有匹配标签
这里以p标签为例:
p{
color: blue;
}
< p>…</p>
2.类选择器,作用于当前页面所有class值为red的标签
例:
.red{
color: red;
}
<p class=”red”></p>
3.id选择器,作用于拥有唯一标识符id属性的标签
例:
#name{
color:green;
}
<p id=”name”></p>
4.伪类选择器
(1)默认链接状态
a:link{
color: yellow;
}
(2)已访问状态
a:visited{
color: darkgray;
}
(3)鼠标悬浮状态
a:hover{
color: red;
}
(4)鼠标点击时的状态
a:active{
color: orange;
}
</style>
5. 加空格 后代选择器
6.加尖括号>,子代选择器
7. 并集选择器
#left,#right,#center{
height: 100px;
float: left;
}
8.通用选择器
注意:通常不建议使用通配选择符,因为它会遍历并命中文档中所有的元素,出于性能考虑,需酌情使用
* {
color: #f00;
}
阅读全文
0 0
- css中的一些常用选择器
- css中一些常用选择器的介绍
- css中的一些选择器的用法总结
- 常用css的选择器
- 常用的css选择器
- CSS常用选择器
- CSS常用选择器学习
- css常用选择器
- CSS常用选择器汇总
- 常用CSS选择器
- CSS常用选择器
- 常用的css选择器
- CSS常用选择器
- css常用选择器总结
- css常用选择器
- CSS常用选择器
- CSS—常用选择器
- 常用css选择器总结
- JavaScript基础概念
- JS中的基本运算符
- 【OpenCV】OpenCV配置篇
- CSDN写博客常用markdown语法举例
- 解决 Eclipse下启动 Tomcat无法访问 (图文)
- css中的一些常用选择器
- 深度学习:Embedding
- E
- 贪心(Ball,HDU 5821)
- 线程与进程
- Js_条件结构
- 序列化
- 同时存在js和jq时的相互定义转换
- Tomcat的结构和元素参数