what is the specificity for type selectors type selectors also known as element selectors Target elements based on their tag name these selectors are fundamental in CSS and allow you to apply styles to all instances of a specific HTML element type selectors are straightforward to use and are written simply as the tag name of the element you want to style here is an example of a type selector targeting all paragraph elements on the page in this example all P elements will have their text color set to Blue type selectors have a relatively low specificity compared to
other selectors the specificity value for a type selector is 001 this means that type selectors will be overridden by class selectors ID selectors and inline Styles but can still apply Styles unless those higher specificity rules are present let's take a look at an example where the class selectors will overwrite the styles of the type selector both paragraph elements have a class called par inside the CSS file the type selector targets paragraphs and the class selector targets the elements with the par class all paragraphs on the page with the class of par will have the text
color set to Red instead of blue because class selectors have a higher specificity than type selectors
