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


/* declarations */

Below is an example of a element selector implemented on paragraphs:

CSS Element Selector Example


<!DOCTYPE html>

            p { font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#666699; } 

        <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>


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

Found This Useful? Share This Page!