慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

海月明

:only-child”选择器选择<div class="post"> <p>我是一个段落</p> <p>我是一个段落</p> </div><div class="post"> <p>我是一个段落</p> <p>我是一个段落</p> </div> <div class="post"> <p>我是一个段落</p> </div> CSS代码： .post p { background: green; color: #fff; padding: 10px; } .post p:only-child { background: orange; } <div class="post"> <p>我是一个段落</p> </div> CSS代码： .post p { background: green; color: #fff; padding: 10px; } .post p:only-child { background: orange; }的是父元素中只有一个子元素，而且只有唯一的一个子元素。也就是说，匹配的元素的父元素中仅有一个子元素，而且是一个唯一的子元素。

查看全部

0 采集收起来源：CSS3 only-child选择器
2018-03-22
海月明

:nth-last-of-type(n)”选择器和“:nth-of-type(n)”选择器是一样的，选择父元素中指定的某种子元素类型，但它的起始方向是从最后一个子元素开始，而且它的使用方法类似于上节中介绍的“:nth-last-child(n)”选择器一样。:nth-last-of-type(n)”选择器和“:nth-of-type(n)”选择器是一样的，选择父元素中指定的某种子元素类型，但它的起始方向是从最后一个子元素开始，而且它的使用方法类似于上节中介绍的“:nth-last-child(n)”选择器一样。

查看全部

0 采集收起来源：CSS3 nth-last-of-type(n)选择器
2015-07-25
海月明

last-of-type选择器 “:last-of-type”选择器和“:first-of-type”选择器功能是一样的，不同的是他选择是父元素下的某个类型的最后一个子元素 .wrapper > p:last-of-type{ background: orange; }

查看全部

0 采集收起来源：CSS3 last-of-type选择器
2018-03-22
海月明

:nth-of-type(n)使用“:nth-of-type(n)”选择器来定位于父元素中某种类型的子元素是非常方便和有用的。在“:nth-of-type(n)”选择器中的“n”和“:nth-child(n)”选择器中的“n”参数也一样，可以是具体的整数，也可以是表达式，还可以是关键词【选择制定元素下的元素加上相应的样式】

查看全部

0 采集收起来源：CSS3 nth-of-type(n)选择器
2015-07-25
海月明

“:first-of-type”选择器类似于“:first-child”选择器，不同之处就是指定了元素的类型,其主要用来定位一个父元素下的某个类型的第一个子元素。/*我要改变第一个段落的背景为橙色*/ .wrapper > p:first-of-type { background: orange; }【这个元素下的第一个元素变成相应的样式】

查看全部

0 采集收起来源：CSS3 first-of-type选择器
2018-03-22
海月明

结构性伪类选择器—nth-last-child(n)“:nth-last-child(n)”选择器和前面的“:nth-child(n)”选择器非常的相似，只是这里多了一个“last”，所起的作用和“:nth-child(n)”选择器有所区别，从某父元素的最后一个子元素开始计算，来选择特定的元素。

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—nth-last-child(n)
2015-07-25
海月明

结构性伪类选择器“: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; }

查看全部

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

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

查看全部

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

:target选择器称为目标选择器，用来匹配文档(页面)的url的某个标志符的目标元素。我们先来上个例子，然后再做分析。【#后面的名称要1和id的名称相同】

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—target
2015-07-25
海月明

:empty选择器表示的就是空。用来选择没有任何内容的元素，这里没有内容指的是一点内容都没有，哪怕是一个空格。之后可以给之添加相应的属性

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—empty
2015-07-25
海月明

:not选择器称为否定选择器，和jQuery中的:not选择器一模一样，可以选择除某个元素之外的所有元素。就拿form元素来说，比如说你想给表单中除submit按钮之外的input元素添加红色边框

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—not
2015-07-25
海月明

结构性伪类选择器—root“:root”选择器等同于<html>元素，简单点说： :root{background:orange} html {background:orange;}

查看全部

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

附：cursor属性收集光标类型 CSS 十字准心 cursor: crosshair; 手 cursor: pointer; cursor: hand; 写两个是为了照顾IE5，它只认hand。等待/沙漏 cursor: wait; 帮助 cursor: help; 无法释放 cursor: no-drop; 文字/编辑 cursor: text; 可移动对象 cursor: move; 向上改变大小(North) cursor: n-resize; 向下改变大小(South) cursor: s-resize; 向右改变大小(East) cursor: e-resize; 向左改变大小(West) cursor: w-resize; 向上右改变大小(North East) cursor: ne-resize; 向上左改变大小(North West) cursor: nw-resize; 向下右改变大小(South East) cursor: se-resize; 向下左改变大小(South West) cursor: sw-resize; 自动 cursor: auto; 禁止 cursor:not-allowed; 处理中 cursor: progress; 系统默认 cursor: default; 用户自定义（可用动画） cursor: url(‘ # ‘); # = 光标文件地址 (注意文件格式必须为：.cur 或 .ani)。

查看全部

0 采集收起来源：CSS3中调用动画
2015-07-25
慕丝1484678

为边框应用图片 border-image

查看全部

0 采集收起来源：CSS3边框为边框应用图片 border-image
2015-07-24
qq_蓝色荧光_1

keyframes animation

查看全部

0 采集收起来源：CSS3 Keyframes介绍
2015-07-24

首页上一页 851 852 853 854 855 856 857 下一页尾页

0/150

提交

取消

开始学习

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

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