-
本章总结：
nth-child():选中元素中 对应位置的元素，不忽略其他类型元素
nth-of-type()：找到指定元素，选中所有符合的类型，如p，忽略其他类型，在找到的p中找到对应位置元素。
first-child：选中元素中 对应第一个的元素，不忽略其他类型元素，如果第一个位置不为该元素，则不生效。
first-of-type：找到指定元素，选中所有符合的类型，如p，忽略其他类型，在找到的p中找到对应第一个元素。
last-child：选中元素中 对应最后一个的元素，不忽略其他类型元素，如果最后一个位置不为该元素，则不生效。
last-of-type：找到指定元素，选中所有符合的类型，如p，忽略其他类型，在找到的p中找到对应最后一个元素。
nth-last-child()：从最后一个到第一个查找，选中元素中 对应位置的元素，不忽略其他类型元素
nth-last-of-type():从最后一个到第一个查找，找到指定元素，选中所有符合的类型，如p，忽略其他类型，在找到的p中找到对应位置元素。
only-child：选中只有一个子元素的元素
only-of-type：选中子元素中只有一个该元素类型的元素
查看全部 -
p:nth-of-type() 作用同p：nth-child()类似，nth不会忽略非p元素。
而p:nth-of-type()会在父元素下，找到所有的p，选中p对应的nth
查看全部 -
元素p:first-of-type{}
作用：选出第一个p
<div class="wrapper"> <div>我是一个块元素，我是.wrapper的第一个子元素</div> <p>我是一个段落元素，我是不是.wrapper的第一个子元素，但是他的第一个段落元素</p> <p>我是一个段落元素</p> <div>我是一个块元素</div> </div>
.wrapper > p:first-of-type { background: orange; }选出了wrapper下面的第一个p
查看全部 -
:nth-last-child 功能与:nth-child类似，但：nth-last-child是从结尾开始算起，方向相反。
查看全部 -
:nth-child()
值可以为odd、even、n、2n、2n+1等
查看全部 -
:target伪类选择器用于为目标跳转元素设置样式。
<h2><a href="#brand">Brand</a></h2> <div class="menuSection" id="brand"> content for Brand </div>
a跳转到#brand
id=‘#brand’的p就是目标元素，此时：target{}改变目标元素的样式。
查看全部 -
CSS3
伪类选择器：empty
选中内容为空的元素，
div:empty
查看全部 -
:not 伪类选择器
元素：not[属性：“xxx”]{}
eg：
div:not[class = “yellow”]
查看全部 -
html{
}
等同于
:root{
}
查看全部 -
太难了，后面再看
查看全部 -
background ： [background-color] | [background-image] | [background-position][/background-size] | [background-repeat] | [background-attachment] | [background-clip] | [background-origin],...
position 后紧跟size 前面用/隔开
查看全部 -
background-origin：
background-origin ： border-box | padding-box | content-box;
只有在设置了no-repeat属性后才有效。否则从边框开始
查看全部 -
text-shadow 设置文本阴影效果：
text-shadow: X-Offset Y-Offset blur color;
查看全部 -
CSS3中的动画--过渡函数 transition-timing-function
transition-timing-function属性指的是过渡的“缓动函数”。主要用来指定浏览器的过渡速度，以及过渡期间的操作进展情况，其中要包括以下几种函数：
(单击图片可放大)
查看全部 -
CSS3中的动画--过渡所需时间 transition-duration
transition-duration属性主要用来设置一个属性过渡到另一个属性所需的时间，也就是从旧属性过渡到新属性花费的时间长度，俗称持续时间。
查看全部
举报