Selenium - looking for examples of converting xpath locators to css -

i have ton of tests written in xpath need convert css.

i don't want use automation tool want take opportunity learn way things using css approach in selenium.

where can find examples of 'before' , 'after' when changing xpath css locators

i know you've answered yourself, swear site, has nice diagram showing asking:

https://www.simple-talk.com/dotnet/.net-framework/xpath,-css,-dom-and-selenium-the-rosetta-stone/