Question

In: Computer Science

Write a CSS selector to select every third direct child <li> in a <ul>

Write a CSS selector to select every third direct child <li> in a <ul>

Solutions

Expert Solution

PLEASE GIVE IT A THUMBS UP, I SERIOUSLY NEED ONE

<style type="text/css">
                li:nth-child(3n){
                        color: red;
                }
        </style>

<!DOCTYPE html>
<html>
<head>
        <title></title>
        <style type="text/css">
                li:nth-child(3n){
                        color: red;
                }
        </style>
</head>
<body>
        <ul>
                <li>One</li>
                <li>Two</li>
                <li>Three</li>
                <li>Four</li>
                <li>Five</li>
                <li>Six</li>
                <li>Seven</li>
        </ul>
</body>
</html>

Related Solutions

ADVERTISEMENT
ADVERTISEMENT
ADVERTISEMENT