Special Usage of the Outer Margin and Attribute Style of ul and li in Web Pages

Special style usage of ul and li, such as the style of the first li and the last li, the special style of the nth li and the nth li from the bottom, the style of odd and even li, and the use of ul and li percentage sorting arrangement style.

LiSpecial style

Hello, you need to log in to our account to view the hidden content, please first Sign in To view!

Ul and li layout styles

 ul{     margin: 0;     padding: 0;     width: calc(100% + 10px);     overflow: hidden; } ul li {     margin: 0 10px 10px 0;     padding: 0;     width: calc(25% - 10px);     float: left;     list-style-type: none; }

The display effect of code layout can be seen in the format of the home page of the site, multi-resolution adaptation, frequently used sorting arrangement and other special style cases.