<div>元素是HTML中用于定義一個容器的標(biāo)簽，它可以用來將文檔分割成獨立的部分或樣式控制的容器。而<li>元素則用于在無序列表中定義一個列表項。在默認(rèn)情況下，<li>元素會顯示為帶有圓點的列表項目符號（原點）。然而，有時我們希望不顯示這些原點，這時就需要使用CSS來消除這些原點。
下面的幾個代碼案例將詳細(xì)解釋如何使用CSS消除<div>元素中的<li>列表項的原點。
1. 使用list-style-type屬性
我們可以使用CSS的list-style-type屬性來改變列表項的原點樣式。將其設(shè)置為none可以完全去掉原點的顯示。下面是一個例子：

例1：

<style>
.list {
list-style-type: none;
}
</style>
<div>
<ul class="list">
<li>列表項1</li>
<li>列表項2</li>
<li>列表項3</li>
</ul>
</div>

在這個例子中，我們使用了一個class名為list的<ul>元素，并在該元素的樣式中將list-style-type屬性設(shè)置為none。由于<ul>元素位于<div>元素中，所有<div>元素中的<li>列表項都不會顯示原點。
2. 使用list-style屬性
除了使用list-style-type屬性消除原點外，我們還可以使用list-style屬性一次性設(shè)置列表項的樣式，其中包括原點的類型、位置和圖像等。下面是一個例子：

例2：

<style>
.list {
list-style: none;
}
</style>
<div>
<ul class="list">
<li>列表項1</li>
<li>列表項2</li>
<li>列表項3</li>
</ul>
</div>

在這個例子中，我們使用了相同的class名為list的<ul>元素，并在該元素的樣式中將list-style屬性設(shè)置為none。同樣地，由于<ul>元素位于<div>元素中，所有<div>元素中的<li>列表項都不會顯示原點。
3. 使用CSS選擇器
除了使用class選擇器來選擇<ul>元素，我們還可以使用其他CSS選擇器來選擇需要消除原點的列表項。下面是一個例子：

例3：

<style>
div ul {
list-style-type: none;
}
</style>
<div>
<ul>
<li>列表項1</li>
<li>列表項2</li>
<li>列表項3</li>
</ul>
</div>

在這個例子中，我們使用了CSS選擇器div ul來選擇<ul>元素，并在該選擇器的樣式中將list-style-type屬性設(shè)置為none。由于<div>元素中的<ul>元素滿足這個選擇器的條件，因此所有<div>元素中的<li>列表項都不會顯示原點。
綜上所述，通過使用CSS的list-style-type屬性、list-style屬性或CSS選擇器，我們可以方便地消除<div>元素中的<li>列表項的原點顯示。這種方法在許多實際案例中被廣泛應(yīng)用，例如在網(wǎng)站的導(dǎo)航菜單中消除原點，或者在文章的流程步驟中消除原點，使得頁面更加美觀和統(tǒng)一。