The first-child is a pseudo-class in CSS that represents the first element among a group of sibling elements. The:first-child Selector is used to target the… Read More
Tag Archives: CSS-Selectors
In this article, we are going to create an illusion of images below the main image. It is the same as the image set of… Read More
In this project, we are going to create animated buttons using HTML and CSS. In these buttons when we hover over them an emoji get… Read More
In this article, we will learn to design a modern sidebar menu by using HTML and CSS, The Sidebar menu is a component that is… Read More
In this project, we are going to change the background color with the help of the Color Picker. Glimpse of the Project: Approach: Create an… Read More
In this article, we are going to create a profile card from where a user can check out the basic details of other users and… Read More
The :before and :after pseudo-elements allow one to add styling to the webpage without adding unnecessary markup. SVG content can be added using these pseudo-elements… Read More
The :focus-within pseudo-class is a selects an element that consists of a focused element as a child. The CSS rules are applied when any child… Read More
The CSS :placeholder-shown pseudo-class selects the input element or textarea element that is having placeholder text. The main difference between :placeholder-shown and ::placeholder is that… Read More
The :any-link selector is used to style every <a>, <area>, or <link> element that has an “href” attribute .It will skip applying CSS properties for… Read More
A scope element forms a context for a block of styles. That element provides a reference point for selectors to be matched against. A scope… Read More
The ::marker selector in CSS is used to change the marker properties. Here marker is the marker box of a list item. In an unordered… Read More
:dir is used to select and change the properties of the text element having direction left to right or right to left. Syntax: :dir(ltr|rtl) Parameters:… Read More
The reflection effect is one of the coolest effects that one can use in his/her website. It is a type of informal effect so it… Read More
Buttons are undoubtedly one of the most important components of any website or app. A button should be designed in such a way that it… Read More
