伪类选择器一般会用在超链接a标签中,使用a标签的伪类选择器 遵循"爱恨准则",LoVe HAte/*没有被访问的a标签的样式*/ .box ul li.item1 a:link{ color: #666; } /*访问过后的a标签的样式*/ .box ul li.item2 a:vi... ...
分类:
Web程序 时间:
2018-10-18 19:22:05
阅读次数:
192
1 选择器的优先级 选择器的优先主要考虑选择器的权重 可以将各种选择器的权重以数值来表示,数值越大,优先级越高 复杂选择器优先级的计算: 1 群组选择器不参与计算 后代和子代选择器,各种选择器权值 2 伪类选择器的权值与类选择器保持一致,都是10 2 尺寸单位 1 。px :像素单位,浏览器默认单位 ...
分类:
Web程序 时间:
2018-10-10 19:14:12
阅读次数:
233
恢复内容开始 内容回顾: 1.高级选择器 后代选择器 选择的是儿子、孙子,重孙子 div p{} 子代选择器 选择的是亲儿子 div>p 组合选择器 div.active{} 属性选择器 input[type='text']{} 伪类选择器 爱恨准则 a:link{} a:visited{} a:h ...
分类:
其他好文 时间:
2018-09-21 18:27:14
阅读次数:
158
CSS层叠的问题、标准文档流、伪类选择器 一、层叠的问题 CSS有两个性质: 1、继承性 2、层叠性:选择器的一种选择能力,谁的权重大就选谁 层叠性又分为: 1)、选不中:走继承性 (font、color、text、) 继承性的权重是0 若有多个父级都设置了样式,走就近原则 2)、选中了 a、权重的 ...
分类:
Web程序 时间:
2018-09-16 20:58:10
阅读次数:
206
标准文档流 浏览器排版是根据元素的特征(块和级),从上往下,从左往右排版。这就是标准文档流。 float:left/right; 效果:元素都加浮动,后面的元素会紧跟着前面的元素并排排列。 A、 只要加了float,这个元素就会脱离标准文档流。 (第一个加了float,离了标准文档流,对于浏览器来说 ...
分类:
其他好文 时间:
2018-09-15 20:06:03
阅读次数:
151
标准文档流 浏览器排版是根据元素的特征(块和级),从上往下,从左往右排版。这就是标准文档流。 float:left/right; 效果:元素都加浮动,后面的元素会紧跟着前面的元素并排排列。 A、 只要加了float,这个元素就会脱离标准文档流。 (第一个加了float,离了标准文档流,对于浏览器来说 ...
分类:
其他好文 时间:
2018-09-15 18:22:00
阅读次数:
123
浮动与伪类选择器 一、浮动(float) 1.标准文档流 标准文档流是一种默认的状态 浏览器的排版是根据元素的特征(块和行级) 从上往下 从左往右排版 这就是标准文档流 2.浮动(float)float:left/right; 因为标准文档流会使页面的状态固定 元素会自动从左往右,从上往下的流式排列 ...
分类:
Web程序 时间:
2018-09-15 15:20:23
阅读次数:
196
一、层叠的问题 CSS有两个性质: 1、继承性 2、层叠性:选择器的一种选择能力,谁的权重大就选谁 层叠性又分为: 1)、选不中:走继承性 (font、color、text、) 继承性的权重是0 若有多个父级都设置了样式,走就近原则 2)、选中了 a、权重的问题,权重大,就选谁的样式 b、权重相同, ...
分类:
Web程序 时间:
2018-09-14 22:55:00
阅读次数:
164
一、伪类选择器 <!-- 1.伪类选择器 --> <style> a:link {color: orange;} a:visited {color: green;} a:hover {color: red;} a:active {color: pink;} input:focus { outline ...
分类:
Web程序 时间:
2018-08-31 22:22:02
阅读次数:
244
1,文本框的聚焦和失焦 在对文本框进行操作时,通常为了提升用户体验,是用户的操作得到及时的反馈,会在文本框获得焦点时,让其颜色改变,然后在失去焦点时恢复为原来的样式,一般情况下,我们可以通过css的伪类选择器实现这个功能: 我们可以看到,浏览器对伪类选择器的支持并不是很好,特别是在IE浏览器中。此时 ...
分类:
Web程序 时间:
2018-08-21 21:46:59
阅读次数:
209