css选择器世界笔记
文章平均质量分 57
神奇的undefined
这个作者很懒,什么都没留下…
展开
-
第七章 用户行为伪类
一.用户行为伪类 :hover :focus :active 1.hover用于鼠标经过,所以用于pc端。 1.1.需要注意,hover显示出来的内容的交互能力很差,使用tab无法出发hover,建议一起加上:focus。而且如果,在hover显示出来的内容中,有比如按钮,等其他有hover特效的元素,那在移动的过程中,前者的hover失效会导致,子元素的hover永远不可能生效。除非两个元素紧密的贴合,或者用transition延迟父元素的显示,鼠标快速移动到子元素的位置 2.active acti原创 2021-07-22 15:16:56 · 166 阅读 · 0 评论 -
第五章 选择器
选择器 标签选择器(之前学习的选择符的运用)\通配符选择器(*) 一.元素选择器(选中的是html标签) 1.当元素选择器遇上级联用法 什么叫做级联用法??比如 div.icon 选中div且是icon类的元素,注意中间没有空格(后代选择器) 注意事项: (1).元素选择器不能重复使用;那就不能直接通过重复使用,提高选择器优先级,那就只能借用html\body, 这种普遍存在的元素,通过后代选择器提高优先级;或者用:not(其他不可能存在的标签提高优先级) (2).级联使用的时候,元素选择器必须写在前面;原创 2021-07-21 18:51:48 · 104 阅读 · 0 评论 -
第四章选择符
第四章选择符 1.后代选择符( ) 1.1 优先级问题(顺序问题) <div class="red"> <div class="blue">hello <p>world</p> </div> </div> <div class="blue"> <div class="red">hello <p>world</p> <原创 2021-07-20 14:25:39 · 133 阅读 · 0 评论 -
第三章 css选择器的命名
1.大小写问题 众所周知,在html中,标签和属性名是不区分大小写的,但是属性值是区分大小写的。所以在css中,标签选择器和只涉及属性名的选择器是不区分大小写的。 DIV{ ...code... } [CLASS]{ ...code.... } 2.命名的合法性问题 2.1最好类名选择器和ID选择器不要用数字开头,如果真的要用需要用 \xx (十六进制来代替直接写十进制)并且后面需要加上一个额外的空格比如.\31 -foo{}想表达的其实就是class=“1-foo”。当然了,这个空格是绝对的,比原创 2021-07-19 17:28:54 · 591 阅读 · 1 评论