慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

慕仙8654537

odd表示奇数，even表示偶数

查看全部

0 采集收起来源：CSS3 nth-of-type(n)选择器
2015-07-30
慕仙8654537

.wrapper > div:nth-of-type(3n+1), .wrapper > p:nth-of-type(2n){ background: orange; }不同的是它只计算父元素中指定的某种类型的子元素。当某个元素中的子元素不单单是同一种类型的子元素时，使用“:nth-of-type(n)”选择器来定位于父元素中某种类型的子元素是非常方便和有用的。在“:nth-of-type(n)”选择器中的“n”和“:nth-child(n)”选择器中的“n”参数也一样，可以是具体的整数，也可以是表达式，还可以是关键词。

查看全部

0 采集收起来源：CSS3 nth-of-type(n)选择器
2018-03-22
慕仙8654537

first-of-type选择器 “:first-of-type”选择器类似于“:first-child”选择器，不同之处就是指定了元素的类型,其主要用来定位一个父元素下的某个类型的第一个子元素例：查找wrapper下的第一个div： .wrapper >div:first-of-type { background: orange;

查看全部

0 采集收起来源：CSS3 first-of-type选择器
2018-03-22
慕仙8654537

选择列表中倒数第五个列表项，将其背景设置为橙色。 ol > li:nth-last-child(5){ background: orange; }

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—nth-last-child(n)
2018-03-22
慕仙8654537

“:nth-child(n)”选择器用来定位某个父元素的一个或多个特定的子元素。其中“n”是其参数，而且可以是整数值(1,2,3,4)，也可以是表达式(2n+1、-n+5)和关键词(odd、even)，但参数n的起始值始终是1，而不是0。也就是说，参数n的值为0时，选择器将选择不到任何匹配的元素。 ol > li:nth-child(2n){ background: orange; } 经验与技巧:当“:nth-child(n)”选择器中的n为一个表达式时，其中n是从0开始计算，当表达式的值为0或小于0的时候，不选择任何匹配的元素。

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—nth-child(n)
2018-03-22
慕仙8654537

原来还是初始化部分的问题：应该为：list-style : none outside none ;兼容才是正解。在这不妨要夸奖一下，firebug这个插件，本来我这原始的css就是： list-style : none ; 但在firebug里面被解析为：list-style : none outside none ; 也就是相当于自动优化了吧。 :last-child 选择器选择的是元素的最后一个子元素

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—last-child
2015-07-30
慕仙8654537

结构性伪类选择器“:first-child”选择器表示的是选择父元素的第一个子元素的元素E。简单点理解就是选择元素中的第一个子元素，记住是子元素，而不是后代元素。ol > li:first-child{ color: red; }【选择的是第一个子元素的第一个】

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—first-child
2018-03-22
慕仙8654537

点击链接显示隐藏的段落 :target 选择器称为目标选择器，用来匹配文档(页面)的url的某个标志符的目标元素 1、具体来说，触发元素的URL中的标志符通常会包含一个#号，后面带有一个标志符名称，上面代码中是：#brand 2、：target就是用来匹配id为“brand”的元素（id="brand"的元素）,上面代码中是那个div元素。多个url（多个target）处理：就像上面的例子，#brand与后面的id="brand"是对应的，当同一个页面上有很多的url的时候你可以取不同的名字，只要#号后对的名称与id=""中的名称对应就可以了。 #brand:target { background: orange; color: #fff; }

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—target
2018-03-22
慕仙8654537

:empty选择器表示的就是空。用来选择没有任何内容的元素，这里没有内容指的是一点内容都没有，哪怕是一个空格。之后可以给之添加相应的属性如说，你的文档中有三个段落p元素，你想把没有任何内容的P元素隐藏起来。我们就可以使用“:empty”选择器来控制。 HTML代码： 我是一个段落 CSS代码： p{ background: orange; min-height: 30px; } p:empty { display: none; }

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—empty
2018-03-22
慕仙8654537

:not选择器称为否定选择器，和jQuery中的:not选择器一模一样，可以选择除某个元素之外的所有元素。div:not([id="footer"]){ background: orange;

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—not
2018-03-22
lailaia

.nav li:last-child:after{ display:none; }删除和最后一项

查看全部

0 采集收起来源：CSS3背景制作导航菜单综合练习题
2015-07-30
lailaia

四角改为圆角： border-radius:10px; 阴影属性创建立体效果： box-shadow:2px 6px 0px #B0483F; 伪元素制作导航列表项分割线： .nav li:before{content:"|";position:absolute;left:0px;} 使用伪元素删除第一项导航分割线： .nav li:first-child:before{display:none;}

查看全部

0 采集收起来源：CSS3背景制作导航菜单综合练习题
2018-03-22
慕仙8654537

:root 选择器，从字面上我们就可以很清楚的理解是根选择器，他的意思就是匹配元素E所在文档的根元素。在HTML文档中，根元素始终是<html>。

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—root
2018-03-22
慕仙8654537

“:root”选择器等同于<html>元素，简单点说： :root{background:orange} html {background:orange;} 得到的效果等同。建议使用:root方法。另外在IE９以下还可以借助“:root”实现hack功能。

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—root
2018-03-22
慕仙8654537

在CSS2中引入了一些属性选择器，而CSS3在CSS2的基础上对属性选择器进行了扩展，新增了3个属性选择器，使得属性选择器有了通配符的概念，这三个属性选择器与CSS2的属性选择器共同构成了CSS功能强大的属性选择器。

查看全部

0 采集收起来源：CSS3选择器属性选择器
2015-07-30

首页上一页 840 841 842 843 844 845 846 下一页尾页

0/150

提交

取消

开始学习

课程须知: 1.html+CSS相关基础知识 2.具有一定的网页制作经验 3.此课程不支持IE9版本以下，建议使用 chrome、safari、firefox、opera浏览器学习本课程。

老师告诉你能学到什么？: 1.系统学习CSS3相关知识 2.轻松制作出各种绚丽的效果