CSS
淋雨一直走49
这个作者很懒,什么都没留下…
展开
-
CSS基础----属性选择器
测试代码:测试结果属性选择器比较好理解,就是通过索引查找满足条件的元素原创 2020-06-05 19:46:03 · 109 阅读 · 0 评论 -
CSS基础----结构伪类选择器
个人理解,结构伪类选择器可以说是层次选择器的升级版,所以在前面层次选择器的基础上,理解起来就比较简单了语法和功能如下:测试代码/*ul的第一个子元素*/ul li:first-child{ background: red;}/*ul的最后一个子元素*/ul li:last-child{ background: green;}li1和li3很显然,分别是ul的first child和last child,所以分别是红色和绿色p:nth-child(1){ backgrou原创 2020-06-05 19:24:35 · 160 阅读 · 0 评论 -
CSS基础----层次选择器
层次选择器测试代码后代选择器E F { } 功能描述:影响的F元素被包含在E元素内(E影响下面所有层次的元素F)只打开后代选择器的代码,不打开的都默认注释掉/*后代选择器*/body p{ background: red;}可以看到body标签下的所有p标签都被影响子选择器E>F { } 功能描述:影响的F是E的子元素(E影响下一层的元素F,仅仅是下一层的F)打开后代选择器和子选择器/*后代选择器*/body p{ background: red;原创 2020-06-05 18:35:32 · 870 阅读 · 1 评论