<style>p:nth-last-of-type(2){
background: orange;
}</style>
<div class="wrapper">
<p>我是第一个段落</p>
<p>我是第一个段落</p>
</div>
<div class="wrapper1">
<p>我是第二个段落</p>
<p>我是第二个段落</p>
</div>
这样写,两个都会被染色
background: orange;
}</style>
<div class="wrapper">
<p>我是第一个段落</p>
<p>我是第一个段落</p>
</div>
<div class="wrapper1">
<p>我是第二个段落</p>
<p>我是第二个段落</p>
</div>
这样写,两个都会被染色
2018-04-10
.wrapper > div:nth-last-of-type(5){
background: orange;
}
可以这么理解 :获取 .wrapper 下的倒数第 n 个div
若 只有 .wrapper 下 有div ,则 可省略 .wrapper > 。
background: orange;
}
可以这么理解 :获取 .wrapper 下的倒数第 n 个div
若 只有 .wrapper 下 有div ,则 可省略 .wrapper > 。
2018-04-10
background: radial-gradient(red 5%, yellow 25%, #1E90FF 50%);
注意评论中有人错误的认为百分比是透明度
实际上各位可以自己多设置几个颜色测试,然后将百分比换成其它单位,比如px,你们就会发现——它应该还是指位置。
详细的各位可以去翻阅CSS3手册
注意评论中有人错误的认为百分比是透明度
实际上各位可以自己多设置几个颜色测试,然后将百分比换成其它单位,比如px,你们就会发现——它应该还是指位置。
详细的各位可以去翻阅CSS3手册
2018-04-08
研究了好久这个动画 一直是显示一半才放大 后来改出来了 从左向右结束值可以是50%而不是0;从小到大的结束值可以是scale(100%)而不是none(我用了1也不成功);从大到小的结束值可以用0而不是none;旋转的结束值可以使100%而不是none;
2018-04-06
background-origin 属性规定 background-position 属性相对于什么位置来定位。
2018-03-30