How does css take the last specified element?

there are many li,li arranged in 3 rows. Now you need to control the style of the last li (li:last-child). If the last li is 1-3, read style a, and if it is 4-6, read style b. Cycle on 7: 9, read a, 5, 10, 12, read b. How to get pure css?

Css
Jan.12,2022 
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <style>
        li:last-child:nth-of-type(6n+1),li:last-child:nth-of-type(6n+2),li:last-child:nth-of-type(6n+3){
            color: red;
        }
        li:last-child:nth-of-type(6n+4),li:last-child:nth-of-type(6n+5),li:last-child:nth-of-type(6n){
            color: yellow;
        }
    </style>
</head>
<body>
<ul>

</ul>
<script>
    var ul=document.querySelector('ul');
    var index=1;
    setInterval(function(){
        ul.insertAdjacentHTML('beforeend',`<li>${indexPP}</li>`)
    },500);
</script>
</body>
</html>

try this

Previous: Responsive multi-picture rotation, can the pictures in it be set to a percentage width?

Next: Downloading txt,png files with a browser will be opened directly.

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
© 2021 CodesHelper
Advertising Contact us About us
Menu