HTML - Li element (list item)

About

li ¹⁾ is an element that represents a single item in a.

• ordered: ol list
• or unordered: ul list

Example

This example shows a ordered list

<ol> 
    <li>First Element</li> <!-- li = list item -->
    <li>Second Element</li>
    <li>Third Element</li>
</ol>

Selection

If you want to select a li list item, you need to use a child pseudo-selector

This example shows the painting in blue of the second list item

• The selection of the second li child of ol

ol > li:nth-child(2){
  color: blue;
}

• The html

<ol> 
    <li>First Element</li> 
    <li>Second Element</li>
    <li>Third Element</li>
</ol>

• Output:

Formatting

See CSS - list-item (list formatting with marker box)

ARIA Role

ARIA list item role