APP
?
?
?
?垂直居中
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>CSS垂直居中</title> <style> .wrapper{ width: 500px; height: 500px; background-color: pink; text-align: center; } .box{ width: 100px; height: 100px; background-color: deepskyblue; display: inline-block; vertical-align: middle; margin: 0 auto; } .help{ width: 0; height: 100%; display: inline-block; vertical-align: middle; } </style> </head> <body> <div class="wrapper"> <div class="box"></div> <div class="help"></div> </div> </body>
?
nth-child()?選擇器
css 每隔一行tr顯示背景
table tr:nth-child(odd){ background: #14305a; }
?
指定每個(gè) p 元素匹配的父元素中第 2 個(gè)子元素的背景色：
p:nth-child(2) { background:#ff0000; }
奇數(shù)和偶數(shù)是可以作為關(guān)鍵字使用用于相匹配的子元素，其索引是奇數(shù)或偶數(shù)（該索引的第一個(gè)子節(jié)點(diǎn)是1）。 在這里，我們?yōu)槠鏀?shù)和偶數(shù)p元素指定兩個(gè)不同的背景顏色：
p:nth-child(odd) { background:#ff0000; } p:nth-child(even) { background:#0000ff; }
使用公式（an+ b）.描述：a代表一個(gè)循環(huán)的大小，N是一個(gè)計(jì)數(shù)器（從0開(kāi)始），以及b是偏移量。 在這里，我們對(duì)所有索引是3的倍數(shù)的p元素指定了背景顏色：
p:nth-child(3n+0) { background:#ff0000; }
?
本文摘自 ：https://www.cnblogs.com/
