The latest articles on DEV Community by Brian (@briantuju). https://dev.to/briantuju https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F148120%2F085e3ce5-9ffa-4af3-813d-fd0b9947946c.png https://dev.to/briantuju en Brian Thu, 30 Apr 2020 20:36:15 +0000 https://dev.to/briantuju/answer-what-does-the-tilde-squiggle-twiddle-css-selector-mean-9d2 https://dev.to/briantuju/answer-what-does-the-tilde-squiggle-twiddle-css-selector-mean-9d2 <div class="ltag__stackexchange--container"> <div class="ltag__stackexchange--title-container"> <div class="ltag__stackexchange--title"> <div class="ltag__stackexchange--header"> <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--7Gn-iPj_--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev.to/assets/stackoverflow-logo-b42691ae545e4810b105ee957979a853a696085e67e43ee14c5699cf3e890fb4.svg" alt=""> <a href="https://stackoverflow.com/questions/10782054/what-does-the-tilde-squiggle-twiddle-css-selector-mean/39540523#39540523" rel="noopener noreferrer"> <span class="title-flare">answer</span> re: What does the "~" (tilde/squiggle/twiddle) CSS selector mean? </a> </div> <div class="ltag__stackexchange--post-metadata"> <span>Sep 16 '16</span> </div> </div> <a class="ltag__stackexchange--score-container" href="https://stackoverflow.com/questions/10782054/what-does-the-tilde-squiggle-twiddle-css-selector-mean/39540523#39540523" rel="noopener noreferrer"> <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--Y9mJpuJP--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev.to/assets/stackexchange-arrow-up-eff2e2849e67d156181d258e38802c0b57fa011f74164a7f97675ca3b6ab756b.svg" alt=""> <div class="ltag__stackexchange--score-number"> 286 </div> <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--wif5Zq3z--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev.to/assets/stackexchange-arrow-down-4349fac0dd932d284fab7e4dd9846f19a3710558efde0d2dfd05897f3eeb9aba.svg" alt=""> </a> </div> <div class="ltag__stackexchange--body"> <p>Good to also check the other <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors#Combinators" rel="noreferrer">combinators</a> in the family and to get back to what is this specific one.</p> <ul> <li><code>ul li</code></li> <li><code>ul &gt; li</code></li> <li><code>ul + ul</code></li> <li><code>ul ~ ul</code></li> </ul> <p>Example checklist:</p> <ul> <li> <code>ul li</code> - <em><strong>Looking inside</strong></em> - Selects <strong>all</strong> the <code>li</code> elements placed (anywhere) inside the <code>ul</code>…</li> </ul> </div> <div class="ltag__stackexchange--btn--container"> <a href="https://stackoverflow.com/questions/10782054/what-does-the-tilde-squiggle-twiddle-css-selector-mean/39540523#39540523" class="ltag__stackexchange--btn" rel="noopener noreferrer">Open Full Answer</a> </div> </div>