您现在的位置:首页 >> 前端 >> 内容

关于CSS知识的总结1(必掌握)

时间:2017/9/2 8:28:00 点击:

  核心提示:选择器1. 子选择器使用大于符号 ,用于选择指定标签元素的 第一代 子元素。.food li { border:1px solid red; }香蕉苹果梨2. 后代选择器加入空格,用于选择指定标签元素...

选择器

1. 子选择器

使用大于符号 >,用于选择指定标签元素的 第一代 子元素。

.food >li { border:1px solid red; }

  • 香蕉
  • 苹果

2. 后代选择器

加入空格,用于选择指定标签元素下的后辈元素。

.first span{color:red;}

今天老师给我们看了一节课电影。


3. 伪类选择器

a:link
正常连接的样式

a:hover
鼠标放上去的样式

a:active
选择链接时的样式

a:visited
已经访问过的链接的样式


样式优先权重

1. 特殊性

标签的权值为1,class选择符为10,ID选择符为100。
继承其实也有权重,但很低。

2. 层叠

html文件中,同一个元素可以有多个css样式存在。
当有相同权重的样式存在时,处于最后面的css样式会被应用。

3. 重要性

有些时候需要为某些样式设置最高权值,此时可以使用 !important

p{color:red!important;}
p{color:green;}

三年级时,我还是一个胆小如鼠的小女孩。

注意:
!important要写在分号的前面

4. 总结

浏览器默认样式 < 网页制作者样式 < 用户自己设置的样式< !important

Tags:关于 于C CS SS 
作者:网络 来源:lihaoen666