How many selector types exists in CSS?

1.	How many selector types exists in CSS?
Answer» The element with position:fixed property will be displayed at the SPECIFIC offset (top, BOTTOM, LEFT and RIGHT) based on the position relative to the viewport. It will stay at same place when the page is scrolled. Whereas in position:sticky the element behave as relatively positioned element and once the containing block of the element crosses a specified threshold value it act as position:fixed element. So, the element switches its position based on the threshold value specified by top, bottom, left &AMP; right co-ordinates value.

Answer»

The element with position:fixed property will be displayed at the SPECIFIC offset (top, BOTTOM, LEFT and RIGHT) based on the position relative to the viewport.

It will stay at same place when the page is scrolled.

Whereas in position:sticky the element behave as relatively positioned element and once the containing block of the element crosses a specified threshold value it act as position:fixed element. So, the element switches its position based on the threshold value specified by top, bottom, left &AMP; right co-ordinates value.

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