![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
全栈小李
最近总结分享一些在项目中遇见的问题和解决办法,帮助初级程序员能够快速上手解决问题。
展开
-
CSS父级边框塌陷问题
父级边框塌陷问题解决方案增加父级元素高度#father{ border:1px solid; height:800px;}增加 一个空的div标签 ,清除浮动<div class="clear"></div>.clear{ clear:both; margin:0; padding:0;}overflow在父级元素中增加一个: overflow:hidden;父类添加一个伪类:after#fath原创 2021-01-24 20:39:20 · 419 阅读 · 7 评论 -
CSS的属性选择器
属性选择器(常用) *= 包含等于 ^= 以这个开头的 $= 以这个结尾格式: 例如: a[href$=gif]{ background: black; } ```css <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>属性选择器<原创 2021-01-22 22:50:19 · 1301 阅读 · 6 评论 -
CSS 结构伪类选择器案例
结构伪类选择器 /*ul 的 第一个元素*/ ul li :first-child{ background: black; }/*ul的最后一个元素*/ ul li:last-child{ background: red; }/* 选中 p1 :定位到父级元素 选择当前的第一个元素 选择当前p元素的父类,选取父类元素的第一个元素,并且是当前元素才生效 顺序*/ p:nth-child(1){原创 2021-01-20 23:17:44 · 406 阅读 · 0 评论 -
CSS层次选择器
层次选择器后代选择器:在某个元素的后面/* 后代选择器*/ body p{ background-color: gray; }子选择器 一代 儿子/*子选择器*/body>p{ background-color: red;}相邻兄弟选择器 只有一个相邻 向下/*相邻兄弟选择器 */ .c+ p{ background-color: aqua; }通用兄弟选择器 当前选中元素的向下的所有兄弟元素/*通用兄原创 2021-01-20 22:42:11 · 225 阅读 · 0 评论