JSFiddle - React, Tailwind, and code Playground

by chenxsan

HTML

<div id="wrapper">
    <ul class="nav">
        <li>first line</li>

        <li>second line</li>

        <li>third line</li>   

        <li>four line</li>       
        
    </ul>
    
    <div>division after ul.nav as its sibling,</div>
    <ol>
        
        <li>有序列表与 jquery prev()</li>
        
        <li>有序列表与 jquery prevAll()</li>
        
    </ol>
    <div id="jquery_next">
    
        <p>jquery next() 函数示例</p>
    
    </div>
</div>

CSS

#wrapper{color:white;background:#333;}

JavaScript

$("#wrapper li:first-child").nextAll().css("background", "#0175cc");

$("ul.nav").next("div").css("font-size","25px");