关键词:CSS介绍、CSS样式、CSS盒子模式、CSS定位、CSS3选择器、常见操作、CSS3动画、面向对象的CSS、双飞翼布局、HTML与CSS简单页面效果实例 ...
分类:
Web程序 时间:
2017-07-26 17:46:33
阅读次数:
161
一,CSS3 选择器分类 二,选择器语法 1,基本选择器语法 2,层次选择器语法 3,动态伪类选择器语法 4,目标伪类选择器 5,UI元素状态伪类选择器语法 6,结构伪类选择器使用语法 注:(1),“ul>li:nth-child(3)”表达的并不是一定选择列表ul元素中的第3个子元素li,仅有列表 ...
分类:
Web程序 时间:
2017-07-22 13:24:13
阅读次数:
191
基本规则: CSS3 结构性伪类选择器—root :root选择器,从字面上我们就可以很清楚的理解是根选择器,他的意思就是匹配元素E所在文档的根元素。在HTML文档中,根元素始终是<html> :root选择器,从字面上我们就可以很清楚的理解是根选择器,他的意思就是匹配元素E所在文档的根元素。在HT ...
分类:
Web程序 时间:
2017-07-16 20:23:56
阅读次数:
351
1.选择id为ul1里所以的奇数项 #ul1 li:nth-child(odd) { color:#fff; } 注:id为ul1里所以的奇数项的字体颜色变成白色 2.选择id为ul1里所以的偶数项 #ul2 li:nth-child(even) { color:#fff; } 注:id为ul1里所 ...
分类:
Web程序 时间:
2017-07-14 13:28:30
阅读次数:
218
CSS3 假设您认为这篇文章还不错。能够去H5专题介绍中查看很多其它相关文章。 今日课程预览 1. CSS3 的选择器 1.1 子选择器 比如:设置div下一级的p标签的颜色属性 div>p { background-color:yellow; } 1.2 相邻兄弟选择器 解释:可选择紧接在还有一元 ...
分类:
Web程序 时间:
2017-07-08 10:01:07
阅读次数:
338
CSS选择器复习 通用选择器:* 选择到全部的元素 选择子元素:> 选择到元素的直接后代(第一级子元素) 相邻兄弟选择器:+ 选择到紧随目标元素后的第一个元素 普通兄弟选择器:~ 选择到紧随其后的全部兄弟元素 伪元素选择器: ::first-line 匹配文本块的首行 ::first-letter ...
分类:
Web程序 时间:
2017-07-03 13:56:31
阅读次数:
302
CSS3常用知识点 1 css3选择器 2 CSS3布局 ...
分类:
Web程序 时间:
2017-06-27 23:24:00
阅读次数:
151
一,CSS3 选择器分类 二,选择器语法 1,基本选择器语法 2,层次选择器语法 3,动态伪类选择器语法 4,目标伪类选择器 5,UI元素状态伪类选择器语法 6,结构伪类选择器使用语法 注:(1),“ul>li:nth-child(3)”表达的并不是一定选择列表ul元素中的第3个子元素li,仅有列表 ...
分类:
Web程序 时间:
2017-06-26 11:30:04
阅读次数:
184
一、:nth-child
1.1说明
:nth-child(n)选择器匹配属于其父元素的第N个子元素,不论元素的类型。n可以是数字、关键词或公式。
注意:如果第N个子元素与选择的元素类型不同则样式无效!
1.2示例
<style>
div>p:nth-child(2){
color:red;
}
</style>
&..
分类:
Web程序 时间:
2017-06-24 20:58:52
阅读次数:
295
我们已经使用了带有简单Css选择器的jQuery选取函数:$()。现在是时候深入了解jQuery选择器语法,以及一些提取和扩充选中元素集的方法了。 一、jQuery选择器 在CSS3选择器标淮草案定义的选择器语法中,jQuery支持相当完整的一套子集,同时还添加了一些非标准但很有用的伪类。注意:本节 ...
分类:
Web程序 时间:
2017-06-18 15:53:59
阅读次数:
230