慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

一路向南_0004

:only-child”选择器选择的是父元素中只有一个子元素，而且只有唯一的一个子元素 li { background: green; padding: 10px; margin-bottom: 5px; } ul>li:only-child { background: orange; } 通过“:only-child”选择器，改变只有一个列表项的背景色为橙色

查看全部

0 采集收起来源：CSS3 only-child选择器
2018-03-22
一路向南_0004

:nth-last-of-type(n) 选择父元素中指定的某种子元素类型，但它的起始方向是从最后一个子元素开始 .wrapper > div:nth-last-of-type(5){background: orange;} 将容器“div.wrapper”中倒数第五个Div元素背景设置为橙色。

查看全部

0 采集收起来源：CSS3 nth-last-of-type(n)选择器
2018-03-22
一路向南_0004

:last-of-type 他选择是父元素下的某个类型的最后一个子元素。 .wrapper > div:last-of-type{background: orange;} 将容器“div.wrapper”中最后一个Div元素背景设置为橙色。

查看全部

0 采集收起来源：CSS3 last-of-type选择器
2018-03-22
一路向南_0004

nth-of-type(n)选择器只计算父元素中指定的某种类型的子元素。当某个元素中的子元素不单单是同一种类型的子元素时，使用“:nth-of-type(n)”选择器来定位于父元素中某种类型的子元素是非常方便和有用的。 .wrapper > div:nth-of-type(2n+1), .wrapper > p:nth-of-type(2n){ background: orange; } /*或者*/ .wrapper > div:nth-of-type(2n-1), .wrapper > p:nth-of-type(2n){ background: orange; } /*或者*/ .wrapper > div:nth-of-type(odd), .wrapper > p:nth-of-type(even){ background: orange; } 将容器“div.wrapper”中的偶数段落和奇数Div背景设置为橙色。 odd偶数 even奇数

查看全部

0 采集收起来源：CSS3 nth-of-type(n)选择器
2018-03-22
一路向南_0004

:first-of-type 指定了元素的类型,其主要用来定位一个父元素下的某个类型的第一个子元素。 .wrapper > p:first-of-type{ background: orange;}将容器“div.wrapper”中的第一个div元素背景设置为橙色。

查看全部

0 采集收起来源：CSS3 first-of-type选择器
2018-03-22
一路向南_0004

:nth-last-child(n) 从某父元素的最后一个子元素开始计算，来选择特定的元素。 ol > li:nth-last-child(5){background: orange;}列表倒数第五项的背景色为橙色。

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—nth-last-child(n)
2018-03-22
一路向南_0004

nth-child(n)位某个父元素的一个或多个特定的子元素其中“n”是其参数.n可以是数值／表达式／关键词 ol > li:nth-child(2n+1){background: green;} 让奇数(1，3，5，7..)行背景色变成绿色。

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—nth-child(n)
2018-03-22
一路向南_0004

:last-child 选择器选择的是元素的最后一个子元素

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—last-child
2015-03-20
一路向南_0004

:first-child选择元素中的第一个子元素，记住是子元素，而不是后代元素。 ul > li:first-child{ color: red;}将列表的第一个项目符号设置为红色。

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—first-child
2018-03-22
一路向南_0004

:targett选择器称为目标选择器，用来匹配文档(页面)的url的某个标志符的目标元素。 :target p {background: orange; color: #fff;}当击链接后，段落p将添加橙色背景和白色文字。多个url（多个target）处理：只要#号后对的名称与id=""中的名称对应就可以了。如下面例子：brand:target { background: orange; color: #fff; } #jake:target { background: blue; color: #fff; } #aron:target { background: red; color: #fff; }

查看全部

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

::-moz-selection { background: red; color: green; } ::selection { background: red; color: green; } 注意： 1、IE9+、Opera、Google Chrome 以及 Safari 中支持 ::selection 选择器。 2、Firefox 支持替代的 ::-moz-selection。

查看全部

0 采集收起来源：CSS3选择器 ::selection选择器
2015-03-20
乂_2015

有的时候设计要求,不使用上图那种浏览器默认的突出文本效果，需要一个与众不同的效果，此时“::selection”伪元素就非常的实用。不过在Firefox浏览器还需要添加前缀。

查看全部

0 采集收起来源：CSS3选择器 ::selection选择器
2015-03-20
慕用7077196

border-radius: 5px 4px 3px 2px; /* 四个半径值分别是左上角、右上角、右下角和左下角，顺时针 */ 实心上半圆：方法：把高度(height)设为宽度（width）的一半，并且只设置左上角和右上角的半径与元素的高度一致（大于也是可以的）。 div{ height:50px;/*是width的一半*/ width:100px; background:#9da; border-radius:50px 50px 0 0;/*半径至少设置为height的值*/ }

查看全部

0 采集收起来源：CSS3边框圆角效果 border-radius
2015-03-20
慕用7077196

css3

查看全部

0 采集收起来源：CSS3能做什么？
2015-03-20
一路向南_0004

:empty选择器表示的就是空。 div:empty { border: 1px solid green;} 给没有任何内容的div元素加上属性值

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—empty
2015-03-20

首页上一页 1052 1053 1054 1055 1056 1057 1058 下一页尾页

0/150

提交

取消

开始学习

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

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