一.复杂选择器 3.伪类选择器 ①目标伪类target ②结构伪类 elem:first-child{} 代表两个条件 匹配elem的父元素的第一个儿子（elem的大哥） 这个大哥必须是elem元素 elem:last-child{} 匹配elem的父元素的最后一个儿子(elem的小弟) 这个最小的 ...
分类：
Web程序 时间：
2020-02-10 09:21:45
阅读次数：
101
学过css的小伙伴都是指css选择器的权重 !important Infinity 行间样式 1000 id 100 class|属性|伪类 10 标签|伪元素 1 通配符 0 权重相同 相同css文件：写在后面的起作用 不同css文件：后导入的起作用 但今天遇到一个问题 <body> <div s ...
分类：
Web程序 时间：
2020-02-04 10:28:46
阅读次数：
113
当一行有三个元素的时候直接加个伪类就行，三个以上就需要加占位元素了 <div class="hot-content"> <div class="hotList"></div> <div class="pick"></div> <div class="pick"></div> 一行显示五个，多余换行 ...
分类：
其他好文 时间：
2020-02-03 17:28:49
阅读次数：
363
<div class="main_text">哈哈这就是我的小视频</div> 上面为html代码 接下来进行css的编写 .main_text{ position:relative; //给其一个相对定位 } .main_text::after{ //我们要对其使用伪类元素 content：""; ...
分类：
Web程序 时间：
2020-02-03 11:47:46
阅读次数：
109
CSS 选择符优先级!important 声明＞内联样式（style）＞id 选择符（#id）＞类选择符（.class）＝伪类选择符（:hover ）＝属性选择符（[attr] ）＞类型选择符（标签）＝伪元素选择符（:first-child）sticky 定位问题sticky 定位的元素受父级块级元... ...
分类：
Web程序 时间：
2020-02-02 12:05:36
阅读次数：
85
后代选择器 祖先元素 后代元素{ } 子元素选择器（直接子元素选择器） 父元素>子元素{ } 兄弟选择器 元素+兄弟元素（紧邻该元素之后的下一个兄弟元素） 所有兄弟元素选择器 元素~兄弟元素（该元素之后的所有兄弟元素） <!DOCTYPE html> <html lang="en" manifest ...
分类：
Web程序 时间：
2020-02-02 01:40:15
阅读次数：
120
选择器权值： 标签选择器：1 类选择器和伪类选择器：10 ID选择器：100 通配符选择器：0 行内样式：1000 !important 在一定条件下，优先级最高 常用的css样式命名 页面结构页头：header页面主体：main页尾：footer内容：content/container容器: co ...
分类：
Web程序 时间：
2020-01-31 14:33:41
阅读次数：
115
一、过渡模块的基本使用 1.*:hover;这个伪类选择器除了可以用在a标签上，还可以用在其他任何标签上。 2.过渡三要素： （1）必须要有属性发生变化；（2）必须告诉系统哪个属性需要执行过渡效果；（3）必须告诉系统过渡效果持续的时长。 3.注意点： 当多个属性需要同时执行过渡效果的时候，可以使用英 ...
分类：
Web程序 时间：
2020-01-29 17:39:49
阅读次数：
98
具体 IE低版本浏览器 因为什么不支持 H5标签 就不多说了。太费劲。 直接看我整理出来几篇文章 即可： 1. 菜鸟教程 [HTML5 浏览器支持] 中有详细解决方案。 2. 让 IE 8 及以下浏览器支持 CSS3伪类选择器 3. 让 IE 8 及以下浏览器支持 表单 input [placeho ...
分类：
Web程序 时间：
2020-01-26 17:36:35
阅读次数：
114
首先说明一下： 用IE9以下的用户，你们都是爸爸。 前言：当css3.0出现以后，出现了很多选择器，其中伪类选择器很好用，比如:nth-child，很容易判断并选择对象。让我们的工作变的更方便。 但有个麻烦，IE8及IE8以下对很多伪类选择器并不兼容。 这13个伪类选择器是比较长用到的： 会发现，I ...
分类：
Web程序 时间：
2020-01-26 17:34:02
阅读次数：
111
