CSS element Selector

Last Updated : 10 May, 2023

The element selector in CSS is used to select HTML elements that are required to be styled. In a selector declaration, there is the name of the HTML element and the CSS properties which are to be applied to that element is written inside the brackets {}.

Syntax:

element {
    \\ CSS property
}

Example 1: This example shows the element selector in CSS.

html

<!DOCTYPE html>
<html>
<head>
    <title>element selector</title>
 
    <style>
        /* h1 element selected here */
        h1 {
            color: green;
            text-align: center;
        }
 
        /* h2 element selected here */
        h2 {
            text-align: center;
        }
    </style>
</head>
 
<body>
    <h1>GeeksforGeeks</h1>
    <h2>element Selector</h2>
</body>
</html>

Output:

Example 2: This example shows the element selector in CSS.

html

<!DOCTYPE html>
<html>
<head>
    <title>element selector</title>
    <style>
        h1 {
            text-align: center;
        }
 
        h2 {
            text-align: center;
            color: green;
            font: bolder cursive;
        }
 
        form {
            text-align: center;
        }
    </style>
</head>
 
<body>
    <h1>FORM</h1>
 
    <h2>Please fill in details:</h2>
 
    <form action="#">
        Name: <input type="text" value="name"><br>
        Age: <input type="text" value="age"><br>
        City: <input type="text" value="City"><br>
    </form>
</body>
</html>