HTML/CSS - Css selectors(valid class and id names) Online Editor and JavaScript Compiler

html
<!DOCTYPE HTML>
<!--Valid class names used in css-->
<html>
    <head>
         <!--Comment in css appear in a different way as specified in style tags.-->
         <!--  haven't seperated css for quick reference ,otherwise keep it under the css tab for a better readibility and understanding and at a website level for hiding your css stylesheet -->
        <style>
            ._1center
            /* .1center will not work as class names must not start with an int.*/
            /* Only special symbol that worked for me is _ you can check more */
            
            {
                text-align:center;
                color:red;
            }
            
            .expand
            {
                font-size:40;
            }
        
            .center
            {
                 color:green;
            }
          
            p.center_1
             /*  When you prefix an element selector with a class or an id, that class works only for that element */
css
BROWSER
Console