随笔分类 - css

伪类选择器和伪元素选择器的区别

摘要：## 伪类：伪类用于DOM树之外的消息,或是不能简单选择器进行表示的信息。前者包含那些匹配指定状态的元素,比如:visited,:active ；后者包含那些满足一定逻辑条件的DOM树中的元素,比如:first-child,:fitst-of-type,:target ## 伪元素：伪元素为DOM树阅读全文

posted @ 2021-03-09 20:57 zeal666 阅读(482) 评论(0) 推荐(0) 编辑

css图片触碰放大

摘要：<div class="imgdev"> <img src="http://www.touyinghudong.com/tpl/www/images/box7-3.jpg"/> </div> div .imgdev { width: 300px; height: 92.84px; margin: 0 阅读全文

posted @ 2020-12-17 18:09 zeal666 阅读(256) 评论(0) 推荐(0) 编辑

css选择器

摘要：css选择器的样式 1.标签选择器(body,p) 2.类选择器 3.id选择器 4.全局选择器(*) 5.伪类选择器 a;link:/*为访问的链接*/ a;visited:/*已经访问的链接*/ a:hover/*鼠标悬停的链接*/ a:hover必须置于link，visited之后才是有效的阅读全文

posted @ 2020-12-15 20:30 zeal666 阅读(78) 评论(0) 推荐(0) 编辑

ul下特定li样式的修改

摘要：ul li:first-child{ } 第一个ul li:last-child{ } 最后一个ul li:nth-child(4){ } 指定第几个,4就是代表第四个ul li:nth-child(2n+1){background:red;}/*匹配第1、第3、第5、…个li*/ul li:nth 阅读全文

posted @ 2020-12-07 16:29 zeal666 阅读(350) 评论(0) 推荐(0) 编辑