1. id选择器( myid) 2. 类选择器(.myclassname) 3. 标签选择器(div,h1,p) 4.相邻选择器(h1+p) 5.子选择器(ul li) 6.后代选择器(li a) 7.通配符选择器( ) 8.属性选择器(a[rel="external"]) 9.伪类选择器(a:ho ...
分类:
Web程序 时间:
2018-12-13 21:47:42
阅读次数:
228
!important作为优先级最高的选择器,在样式仍然有冲突的情况下,依旧要按照优先级顺序进行比较 选择器优先级顺序为: !important > 行内样式 > ID选择器 > 类选择器、伪类选择器 > 元素、为元素、属性选择器 > 通配符选择器 > 继承属性 为了将CSS的继承性、复用性、层叠性、 ...
分类:
Web程序 时间:
2018-12-04 17:16:54
阅读次数:
177
一.常用选择器id选择器(#myid)类选择器(.myclassname)标签选择器(p,h1,p)相邻选择器(h1+p)子选择器(ul>li)后代选择器(lia)通配符选择器(*)属性选择器(a[rel="external"])伪类选择器(a:hover,li:nth-child)二.css3属性选择器E[attr]:只使用属性名,但没有确定任何属性值;E[attr=&
分类:
Web程序 时间:
2018-11-22 21:08:16
阅读次数:
233
目录 CSS介绍 CSS语法 CSS实例 CSS注释 CSS的几种引入方式 行内样式 内部样式 外部样式 CSS选择器 基本选择器 组合选择器 属性选择器 分组和嵌套 伪类选择器 伪元素选择器 选择器的优先级 CSS属性相关 宽和高 字体属性 文字属性 背景属性 边框 border radius d ...
分类:
Web程序 时间:
2018-11-14 20:54:26
阅读次数:
221
伪类选择器一般会用在超链接a标签中,使用a标签的伪类选择器,我们一定要遵循"爱恨准则" LoVe HAte 1 /*没有被访问的a标签的样式*/ 2 .box ul li.item1 a:link{ 3 4 color: #666; 5 } 6 /*访问过后的a标签的样式*/ 7 .box ul l ...
分类:
其他好文 时间:
2018-11-10 10:48:23
阅读次数:
196
定义 伪类选择器:伪类存在的意义是为了通过选择器找到那些不存在与DOM树中的信息以及不能被常规CSS选择器获取到的信息。(CSS3中的定义) 不存在与DOM树中的信息,如<a>标签的 :link、:visited、:hover、:focus、:active。这些信息不存在与DOM树结构中,只能通过C ...
分类:
Web程序 时间:
2018-11-07 21:40:38
阅读次数:
242
伪类选择器的作用:对已有选择器做进一步的限制,对已有选择器能匹配的元素做进一步的过滤。CSS 3提供的伪类选择器主要分为以下三类: 结构性伪类选择器 UI元素状态伪类选择器 其他伪类选择器 1、结构性伪类选择器 Selector:root:匹配文档的根元素。在HTML文档中,根元素永远是<html. ...
分类:
Web程序 时间:
2018-11-07 21:36:44
阅读次数:
434
jQuery选择器共有四大类,分别为基本选择器层次选择器注意:$(“prev~siblings”)选择器与siblings()方法的区别。$(“#prev~div”)选择的是”#prev”元素后面的所有的同辈的div元素。而siblings()方法与前后位置无关,只要是同辈节点就都能匹配。过滤选择器过滤选择器主要是通过特定的过滤规则来筛选出所需的DOM元素,过滤规则与CSS中的伪类选择器语法相同,
分类:
Web程序 时间:
2018-10-21 16:02:50
阅读次数:
264
/*'爱恨原则' love hate*/ /*没有被访问的a标签的样式*/ .box ul li.item1 a:link{ color: #666; } /*访问过后的a标签的样式*/ .box ul li.item2 a:visited{ ... ...
分类:
Web程序 时间:
2018-10-21 00:57:52
阅读次数:
178
一、基本选择器 *(通配符选择器),id,class,ele(元素选择器),属性选择器 二、组合选择器 子代选择器(>),后代选择器(空格隔开),相邻兄弟选择器(+),通用兄弟选择器(~) 三、伪类选择器 a的伪类:LVHA(:link :visted :hover :active) input的伪 ...
分类:
Web程序 时间:
2018-10-19 11:56:00
阅读次数:
186