CSS3 setting does not have an instance of the list spacer method on the bottom

This paper mainly introduces the use of CSS3 how to set the list spacing line without the bottom, the article shared two solutions, respectively, using the General Brotherhood selector (~) and Pseudo-class selector (: First-of-type/: Last-of-type) to achieve, Give a detailed example code for everyone to refer to the study, the following to see together. Hope to help everyone.

：

Method One: Universal Brotherhood selector (~)

<! DOCTYPE html>
The ~ symbol in the Li~li {...} is called the generic sibling selector, which matches the P element after the P element, so the first P element does not match.

Method Two: Pseudo-class selector (: First-of-type/: Last-of-type)

<! DOCTYPE html>
First set all Li to Border-top, then use: First-of-type to find the first Li, cancel border-top.