首页 > Web开发 > 详细

css选择器

时间:2019-08-22 00:28:17      阅读:122      评论:0      收藏:0      [点我收藏+]

1.颜色名表示法 : red
2.rgb 表示法 rgb(255,0,0)
3.16进制表示法 #ff


精确控制每个div的内容
1. 标签选择器 div p 等等
*{ .. ... ... } 选择所有便签

2. id选择器
属性 id="div1"
使用时 #div1{ ... ... ... }

3. 类选择器
属性 class="属性名"
css文件中 .属性名{ ... ... ... }

4. 层级选择器 嵌套不能超过四层
选择 .box span
.box 下的 span

5. 组选择器
多个选择器有相同的样式 逗号 分割
层级选择器用空格分割

6. 伪类选择器
让元素变颜色 .link:hover{ ... ... } 鼠标悬停在上面会变色

7. 伪元素选择器 处理bug 的时候
.box:before{
content:"前面文字"
}
前面文字 这几个字是选不中的

css3 新增选择器
8. E : nth-child(n)
E 元素的第n个元素

css选择器

原文:https://www.cnblogs.com/fuyi2345/p/11391697.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!