码迷,mamicode.com
首页 > Web开发 > 详细

css选择器

时间:2019-08-21 23:21:42      阅读:209      评论:0      收藏:0      [点我收藏+]

标签:before   内容   over   css选择器   等等   child   css   处理   css3   

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选择器

标签:before   内容   over   css选择器   等等   child   css   处理   css3   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!