随手记八——关于伪元素和仿淘宝导航栏

关于伪元素:
一个标签从诞生的时候,在逻辑的最前的逻辑的最后的位置就已经有两个伪元素了,这是我们看不到,一旦我们操作出来,就可在是上面做一些CSS修改。它的元素结构是存在的,但又没有写到html里,可以当做元素来操作,但又没有html结构,所以叫伪元素。比如说:
span::before{
    content:"你好";(这个必须写,内容可以是空的,不写这个属性看不到伪元素)
}
伪元素天生是行级元素,如果想给伪元素添加宽高那些特性,必须把它修改成块级的,比如display:inline0block;
 
 
 
作业:仿淘宝做一个导航栏
效果:
posted @ 2020-09-28 16:48  zher_leon  阅读(140)  评论(0编辑  收藏  举报