css li嵌入i图标 |父类下的子类用css怎么写

<ul class="list">
<li><i class="icon icon-ok"></i> Item 1</li>
<li><i class="icon icon-ok"></i> Item 2</li>
<li><i class="icon icon-ok"></i> Item 3</li>
</ul>
.icon-ok {
display: inline-block;
width: 16px;
height: 16px;
margin-right: 10px;
background: url("path/to/icon.png") no-repeat;
background-position: -16px 0;
}
.list li {
margin-bottom: 10px;
padding-left: 26px;
}

在代码中，大家首先创建一个ul列表，并给每个li标签添加一个i标签作为图标。然后，大家使用CSS将图标样式定义为一个名为.icon-ok的class，并设置其为inline-block类型，设置它的宽度、高度，间距和背景图片。最后，大家给每个li标签添加一个padding-left值，以便图标和文本相隔一定的距离。

这样，大家就完成了li嵌入i图标的效果。或许你也注意到，大家设置了background-position的值为-16px 0，这是因为大家对图标进行了水平翻转，以达到更好的显示效果。