CSS3 Toggle

by Pete Fecteau

HTML

<ul>
    <li>This thing right here</li>
    <li>This thing right here</li>
    <li>
        <ul>
            <li>This thing right here</li>
            <li>This thing right here</li>
            <li>
                <ul>
                    <li>This thing right here</li>
                    <li>This thing right here</li>
                    <li>
                        <ul>
                            <li>This thing right here</li>
                            <li>This thing right here</li>
                            <li>
                                <ul>
                                    <li>This thing right here</li>
                                    <li>This thing right here</li>
                                    <li>
                                        <ul>
                                            <li>This thing right here</li>
                                            <li>This thing right here</li>
                                            <li>This thing right here</li>
                                            <li>This thing right here</li>
                                            <li>This thing right here</li>
                                        </ul>
                                    </li>
                                    <li>This thing right here</li>
                                    <li>This thing right here</li>
                                </ul>    
                            </li>
                            <li>This thing right here</li>
                            <li>This thing right here</li>
                        </ul>
                    </li>
                    <li>This thing right here</li>
                    <li>This thing right here</li>
                </ul>
            </li>
            <li>This thing right here</li>
            <li>This thing right here</li>
        </ul>
    </li>
    <li>This thing right here</li>
    <li>This thing right here</li>
</ul>

CSS

ul {
    list-style-type: disc;
}
ul ul {
    list-style-type: toggle(disc, circle, square, box);
}