慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

慕UI0103114

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

查看全部

0 采集收起来源：CSS3 nth-of-type(n)选择器
2017-04-10
慕UI0103114

“:first-of-type”选择器类似于“:first-child”选择器，不同之处就是指定了元素的类型,其主要用来定位一个父元素下的某个类型的第一个子元素。

查看全部

0 采集收起来源：CSS3 first-of-type选择器
2017-04-10
慕UI0103114

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

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—nth-child(n)
2017-04-10
慕UI0103114

“:last-child”选择器与“:first-child”选择器作用类似，不同的是“:last-child”选择器选择的是元素的最后一个子元素。例如，需要改变的是列表中的最后一个“li”的背景色，就可以使用这个选择器， ul>li:last-child{background:blue;}

查看全部

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

:first-child”选择器表示的是选择父元素的第一个子元素的元素E。简单点理解就是选择元素中的第一个子元素，记住是子元素，而不是后代元素。

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—first-child
2017-04-10
慕UI0103114

分析： 1、具体来说，触发元素的URL中的标志符通常会包含一个#号，后面带有一个标志符名称，上面代码中是：#brand 2、：target就是用来匹配id为“brand”的元素（id="brand"的元素）,上面代码中是那个div元素。多个url（多个target）处理：就像上面的例子，#brand与后面的id="brand"是对应的，当同一个页面上有很多的url的时候你可以取不同的名字，只要#号后对的名称与id=""中的名称对应就可以了。如下面例子：

查看全部

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

target选择器称为目标选择器，用来匹配文档(页面)的url的某个标志符的目标元素。我们先来上个例子，然后再做分析。示例展示点击链接显示隐藏的段落。 HTML代码： <h2><a href="#brand">Brand</a></h2> <div class="menuSection" id="brand"> content for Brand </div> CSS代码： .menuSection{ display: none; } :target{/*这里的:target就是指id="brand"的div对象*/ display:block; }

查看全部

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

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

查看全部

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

:not选择器称为否定选择器，和jQuery中的:not选择器一模一样，可以选择除某个元素之外的所有元素。就拿form元素来说，比如说你想给表单中除submit按钮之外的input元素添加红色边框，CSS代码可以写成： form { width: 200px; margin: 20px auto; } div { margin-bottom: 20px; } input:not([type="submit"]){ border:1px solid red; }

查看全部

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

^ 是选择开头位置包含的;$是选择结尾位置包含的;*是选择任意位置包含的

查看全部

0 采集收起来源：CSS3选择器属性选择器
2017-04-10
ksuhkfvu

由宽度确定是否已经文本超标

查看全部

0 采集收起来源：CSS3文字与字体 text-overflow 与 word-wrap
2017-04-10
jugge

可以选择除某个元素之外的所有元素

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—not
2017-04-10
ksuhkfvu

x轴以左为正，y轴以上为正

查看全部

0 采集收起来源：CSS3边框阴影 box-shadow（二）
2017-04-10
ksuhkfvu

阴影模糊半径：此参数可选，，但其值只能是为正值，如果其值为0时，表示阴影不具有模糊效果，其值越大阴影的边缘就越模糊；阴影扩展半径：此参数可选，其值可以是正负值，如果值为正，则整个阴影都延展扩大，反之值为负值时，则缩小；

查看全部

0 采集收起来源：CSS3边框阴影 box-shadow（一）
2017-04-10
jugge

/*使用伪元素制作导航列表项分隔线*/ .nav li::after{ content:''; position:absolute; width:1px; height:25px; top:12.5px; right:0; background:linear-gradient(to top,rgba(255,255,255,0), rgba(255,255,255,.2) 50%, rgba(255,255,255,0)); } .nav li::before{ content:''; position:absolute; width:1px; height:25px; left:0px; top:12.5px; background: linear-gradient(to top, #ff625a, #9e3e3a 50%, #ff625a); } /*删除第一项和最后一项导航分隔线*/ .nav li:first-child::before, .nva li:last-child::after{ background:none; }

查看全部

0 采集收起来源：CSS3背景制作导航菜单综合练习题
2017-04-10

首页上一页 263 264 265 266 267 268 269 下一页尾页

0/150

提交

取消

开始学习

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

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