修改第二个元素样式: li:nth-child(2){ transform:rotate(10deg); }
修改第三个、第六个。。元素样式:li:nth-child(3n){ transform:rotate(-25deg);}
背景径向渐变: background: radial-gradient(#2a899d, #0d3553, #132c43);
背景线性渐变: background: linear-gradient(#337f91, #30637a, #1d4661);
背景透明:background:rgba(255, 255, 255, 0.055);
修改奇数行、偶数行:odd表示奇数行,even表示偶数行:
tr:nth-child(odd);
@media screen and (min-width: 320px) and (max-width: 789px){
}
线性渐变的兼容写法如下:
修改第三个、第六个。。元素样式:li:nth-child(3n){ transform:rotate(-25deg);}
背景径向渐变: background: radial-gradient(#2a899d, #0d3553, #132c43);
背景线性渐变: background: linear-gradient(#337f91, #30637a, #1d4661);
背景透明:background:rgba(255, 255, 255, 0.055);
修改奇数行、偶数行:odd表示奇数行,even表示偶数行:
tr:nth-child(odd);
.table-striped > tbody > tr:nth-child(odd)
{
}
控制不同分辨率的样式:
@media screen and (min-width: 320px) and (max-width: 789px){
}
线性渐变的兼容写法如下:
.gradient{ background: #000000; background: -moz-linear-gradient(top, #000000 0%, #ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#ffffff)); background: -webkit-linear-gradient(top, #000000 0%,#ffffff 100%); background: -o-linear-gradient(top, #000000 0%,#ffffff 100%); background: -ms-linear-gradient(top, #000000 0%,#ffffff 100%); background: linear-gradient(to bottom, #000000 0%,#ffffff 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff',GradientType=0 ); } :root .gradient{filter:none;}