发表于： 2020-05-08 23:11:38
1 1543
今天的任务：
今天继续写任务13，
学习到
CSS中一个冒号和两个冒号的区别
：
一个冒号是伪类，两个冒号是伪元素
伪类可以独立于文档的元素来分配样式，且可以分配给任何元素，逻辑上和功能上类类似，但
是其是预定义的、不存在于文档树中且表达方式也不同，所以叫伪类。
伪元素所控制的内容和一个元素控制的内容一样，但是伪元素不存在于文档树中，不是真正的
元素，所以叫伪元素。
伪类有：:first-child，:link:，vistited，:hover:，active，:focus，:lang
伪元素有：:first-line，:first-letter，:before，:after
遇到的问题：
<li class="bbc">
<span class="fa-stack">
<i class="fa fa-circle-thin fa-stack-2x"></i>
<i class="fa fa-volume-off fa-stack-1x"></i>
</span>公告</li>
使用伪元素::after为li元素后面添加一个“箭头”图标字符，一直显示无法识别，
之后在li元素中添加选择器.fa可以识别，说明之前缺少字体识别的地方。
但是这样会把.fa的所有属性带入覆盖掉li的less属性，
所以后来解决的方法是在伪元素的属性中添加一个font-family属性，就可以完美解决：
明天继续完成任务13，
返回列表
评论