发表于: 2017-03-19 22:39:28
1 589
今天完成的事情/收获:
明天就要直播了表示很紧张- =今天大半天主要做了PPT
PPT内容:
【CSS-task1】css有哪些选择器,优先级如何计算?
CSS的选择器其实大类的话可以粗分为大三类,即id选择器、class选择器、标签选择器。
这又引申出CSS三大特性—— 继承、 优先级和层叠。继承即子类元素继承父类的样式;优先级是指不同类
别样式的权重比较;层叠是说当数量相同时,通过层叠(后者覆盖前者)的样式。
用法如下:
id选择器: #id名 { 属性名:属性值; }
class选择器 :.class名 { 属性名:属性值; }
标签选择器: 标签名 { 属性名:属性值;
其中,他们之间又可以以不同的方式进行组合,如下:
后代选择器: 父代名 后代名 { 属性名:属性值; }
子代选择器:父代名>子代名 { 属性名:属性值; }
群组选择器: #name1, .name2, #name div { 属性名:属性值; }
伪类选择器: name:伪类<br>
通用(通配符)选择器:* { 属性名: 属性值; } ……
css优先级是怎样排序的?
1.最高优先级是 (直接在标签中的设置样式,假设级别为1000)
2.次优先级是(ID选择器 ,假设级别为100)
3.其次优先级是(类选择器,假设级别为10)
4.最后优先级是 (标签选择器,假设级别是 1)
5.那么后代选择器的优先级就可以计算了啊
比如 .divClass span { color:Red;} 优先级别就是:10+1=11
明天计划的事情:
完善PPT 想一想并落实以下直播的时候该怎么说 捎带继续学JS
遇到的问题:
主要是第一次直播 比较紧张- = 和一些直播和公众号的问题已经问过师兄了。
评论