CSS3 :nth-child(N)的用法
h5标签:nth-child(N){}指定标签父元素的第N个子元素的css样式
<!DOCTYPE html> <html> <head> <style> p:nth-child(2) { background:#ff0000; } </style> </head> <body> <h1>这是标题</h1> <p>第一个段落。</p> <p>第二个段落。</p> <p>第三个段落。</p> <p>第四个段落。</p> <p><b>注释:</b>Internet Explorer 不支持 :nth-child() 选择器。</p> </body> </html>
<!DOCTYPE html><html><head><style> p:nth-child(2){background:#ff0000;}</style></head><body>
<h1>这是标题</h1><p>第一个段落。</p><p>第二个段落。</p><p>第三个段落。</p><p>第四个段落。</p>
<p><b>注释:</b>Internet Explorer 不支持 :nth-child() 选择器。</p>
</body></html>
相关推荐
lanzhusiyu 2020-07-18
momode 2020-09-11
覆雪蓝枫 2020-06-09
opspider 2020-06-02
沈宫新 2020-04-30
zengni 2020-04-07
somboy 2020-01-07
JenniferMuMu 2018-04-20
realitycss 2018-04-13
srdwxA 2018-03-16
hfszy0 2018-03-06
LadyZhong 2019-07-01
Phoebe的学习天地 2018-07-25
沉着前进 2018-04-20