CSS Element Selector

CSS Element Selector is a straightforward CSS selector that makes use of the name of any HTML element as a selector for applying the CSS styles on those elements.

Here is an example of how to implement the class element selector of CSS:

CSS Element Selector Example

Example:
<!DOCTYPE html>
<html>
<head>
    <style> p { font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#666699; } </style>
</head>

<body>
    <p>The CSS style will get implemented in every paragraph element.</p>
    <p id="para1">This paragraph will also get affected.</p>
    <p>And This one will also get affected as element selector is set for 'p' i.e. all paragraph.</p>
</body>
</html>

In the above example, the CSS Element selector has been applied to the HTML paragraph element. And all the paragraphs are being affected.


Scroll Back to Top