如何用css表示每一行的第三个盒子

html-css021

如何用css表示每一行的第三个盒子,第1张

div:nth-child(3) {}/*方法1：选择属于其父元素的第3个子元素的每个 <div>元素 */

div:nth-of-type(3) {}/* 方法2：选择属于其父元素第3个 <div>元素的每个<div>元素 */

<style type="text/css">

li:nth-child(n+3){color:red}

</style>

<ul>

<li>第一行</li>

<li>第二行</li>

<li>第三行</li>

<li>第四行</li>

<li>第五行</li>

<li>第六行</li>

</ul>