CSS中奇数选择器与偶数选择器,一句代码怎么实现?

原文链接: https://blog.csdn.net/hu_lanlan/article/details/78455911

p标签下的奇数行与偶数行

p:nth-child(odd){} //奇数行

p:nth-child(even){} //偶数行

:nth-child(n) 选择器匹配属于其父元素的第 N 个子元素,不论元素的类型。

<style>  
	#Ulist li:nth-of-type(odd){ margin-left: 20px;}奇数行   
	#Ulist li:nth-of-type(even){margin-left: 10px;}偶数行   
<style>  
  
<ul id="Ulist">  
	<li>1</li>  
	<li>2</li>  
	<li>3</li>  
	<li>4</li>  
	<li>5</li>  
	<li>6</li>  
</ul>

转载自https://blog.csdn.net/hu_lanlan/article/details/78455911,侵删

猜你喜欢

转载自blog.csdn.net/iChangebaobao/article/details/102485289
今日推荐