How to draw a triangle using CSS?

1.	How to draw a triangle using CSS?
Answer» In CSS, SAY if you have two conflicting styles for an element, the browser should decide which one to apply and render. This is chosen by the browser-based on specificity. Specificity is nothing but a set of rules. Some of the rules are mentioned below. Say- if you have two element selectors selecting the same element but having different styles. The element selector which is read LATEST by the browser will get APPLIED The element selector has less priority compared to a class selector. So, the styles WRITTEN in the class selector gets applied. The class selector has less priority compared to an ID selector. So, the styles written in the ID selector gets applied. If we use !important along with the value for a CSS property. This style gets applied no MATTER it’s a class or an element or an ID selector.

Answer»

In CSS, SAY if you have two conflicting styles for an element, the browser should decide which one to apply and render. This is chosen by the browser-based on specificity. Specificity is nothing but a set of rules. Some of the rules are mentioned below.

Say- if you have two element selectors selecting the same element but having different styles. The element selector which is read LATEST by the browser will get APPLIED
The element selector has less priority compared to a class selector. So, the styles WRITTEN in the class selector gets applied.
The class selector has less priority compared to an ID selector. So, the styles written in the ID selector gets applied.
If we use !important along with the value for a CSS property. This style gets applied no MATTER it’s a class or an element or an ID selector.

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

How to draw a triangle using CSS?

Discussion

No Comment Found

Related InterviewSolutions

Reply to Comment