What is specificity?

1.	What is specificity?
Answer» PSEUDOCLASS :first-letter can refer to the first letter of the ELEMENT, paragraph as below. It is clean approach WITHOUT enclosing the first letter in span tag and applying the required RULE based on the representation. HTML <p>Booker T</p> CSS html { font-size: 3rem; } p::first-letter { border: 1px solid; font-weight: BOLD; color: red; }

Answer»

PSEUDOCLASS :first-letter can refer to the first letter of the ELEMENT, paragraph as below. It is clean approach WITHOUT enclosing the first letter in span tag and applying the required RULE based on the representation.

HTML <p>Booker T</p>

CSS

html { font-size: 3rem; } p::first-letter { border: 1px solid; font-weight: BOLD; color: red; }

Discussion

No Comment Found

Related InterviewSolutions

Explain the rule set in CSS?
What is specificity?
Explain Gradients in CSS?
Mention types of selectors?
What are pseudo-elements? Explain with an example.
What are CSS combinators?
<div id="outer"> <div id="inner"></div> </div>
Write the style to display inner div in center for the below HTML code?
How to draw a triangle using CSS?
body { margin: 0; font-family: Arial; background-color: #f2f2f2; } .box { color: #fff; padding: 1em; text-align: center; background-color: #efefef; } .a { background-color: purple; } .b { background-color: violet; } .c { background-color: burlywood; } .d { background-color: gainsboro; } .layout { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-template-rows: 100vh; }

What is specificity?

Discussion

No Comment Found

Related InterviewSolutions

Reply to Comment