Skip to content

Tag Archives: CSS-Selectors

The liquid fill text animation can be done using CSS | ::before selector. We will use key frames to set height for each frame of… Read More
The colour of selected text can be easily changed by using the CSS | ::selection Selector. In the below code, we have used CSS ::selection… Read More
The asterisk (*) is known as the CSS universal selectors. It can be used to select any and all types of elements in an HTML… Read More
In CSS, the symbol tilde(~) is know as Subsequent-sibling Combinator (also known as tilde or squiggle or twiddle or general-sibling selector). As the name suggests… Read More
CSS selectors are used to selecting the HTML elements based on their element name, id, class, attribute, and many more. The complete reference of CSS… Read More
CSS provides the feature of making a horizontal line including words or image in the middle of the webpage to make it attractive. This can… Read More
:focus Selector: It generally applies on form elements or elements that can be focused using keyboard or mouse like input box, textarea. An element is… Read More
The:nth-child() selector in CSS is used to match the elements based on their position in a group of siblings. It matches every element that is… Read More
When designing and developing web applications, sometimes we need to select all the child elements of an element except the last element. To select all… Read More
CSS attribute selector is used to targeting an input text fields. The input text fields of type ‘text’ can be targeting by using input[type=text]. Note:… Read More
CSS allows to select HTML elements that have specific attributes or attribute values. Element can be selected in number of ways. Some examples are given… Read More
CSS Syntax: A CSS style rule consists of a selector, property, and its value. The selector points to the HTML element where CSS style is… Read More
This selector is used to style elements when mouse hover over them. It can be used on every element. Syntax: element :hover{ CSS declarations; }… Read More
The [attribute^=value] selector is used to select those elements whose attribute value begins with given attribute. Syntax: [attribute^=value] { // CSS Property } Example: <!DOCTYPE… Read More
The [attribute|=value] selector is used to select those elements whose attribute value is equal to “value” or attribute value started with “value” with immediate followed… Read More