Article Categories
- All Categories
-
Data Structure
-
Networking
-
RDBMS
-
Operating System
-
Java
-
MS Excel
-
iOS
-
HTML
-
CSS
-
Android
-
Python
-
C Programming
-
C++
-
C#
-
MongoDB
-
MySQL
-
Javascript
-
PHP
Articles by Tarun Singh
90 articles
How to select all child elements recursively using CSS?
To select all child elements recursively using CSS, we have used universal selector(*) with parent selector. In this article we are having eight paragraph elements out of which six are wrapped inside div container, our task is to select all child elements recursively using CSS. Steps to select all child elements recursively using CSS We will be following below mentioned steps to select all child elements recursively using CSS: We have used eight paragraph elements and six paragraph elements are wrapped inside div container. All the six paragraph elements are direct child elements ...
Read MoreHow to select “last child” with a specific class using CSS?
To select last child with a specific class using CSS is a simple process using CSS psuedo-class selectors. In this article, we will understand three different approaches to select last child with a specific class using CSS. We are having four div elements in our HTML documnet, our task is to select the last child with a specific class using CSS. Approaches to Select Last Child using CSS Here is a list of approaches to select last child with a specific class using CSS which we will be discussing in this article with stepwise explaination and complete example codes. ...
Read MoreHow to style label associated with selected radio input and checked checkboxes using CSS?
To style label associated with selected radio input and checked checkboxes using CSS, is important task in forms as it makes it easy to identify the option selected by user. In this article, we will understand how to style label associated with selected radio input and checked checkboxes using CSS using :checked psuedo class selector and CSS combinators. We are having three radio buttons and three checkboxes, our task is to style label associated with selected radio input and checked checkboxes using CSS. Styling Label of Checked Radio Button and Checkboxes We have created three ...
Read MoreHow to remove indentation from an unordered list item using CSS?
To remove indentation from an unordered list item using CSS, we will be understanding various approaches. Indentation is a common feature used to give a visual hierarchy to the list items. In this article, we will be going through five different approaches to remove indentation from an unordered list item using CSS. We are having an unordered list of different programming languages, our task is to remove the indentation from unordered list using CSS. Approaches to Remove Indentation from an Unordered List Item Here is a list of approaches to remove indentation from an unordered list item using CSS which ...
Read MoreHow to use a not:first-child selector in CSS?
There are various selectors in CSS out of all those selectors, so use :not(:first-child) selector. We can very easily achieve this using the :not and :first-child selectors in a combination. For example, if you want to select all paragraphs except the first one that are inside a div element, you can use div :not(:first-child) selector. In this article, we will learn how to use the :not(:first-child) selector in CSS. We will explore the different methods to use a :not(:first-child) selector. Different Approaches to use :not(:first-child) Selector There are different ways to use a use :not(:first-child) selector in ...
Read MoreHow to select all children of an element except the last child using CSS?
To select all children of an element except the last child using CSS we will be understanding two different approaches. Each approach will be using CSS pseudo-class selectors to perform the required task. In this article, we'll see how to select all children of an element except the last child in CSS with different approaches. We will be discussing each approach in detail with examples that will help you understand how they work. Approaches to Select all Children of an Element Except the Last Child Here is a list of approaches to select all children of an element except ...
Read MoreHow to use UseFormControl() hook in Material UI?
In React MUI, managing form states or validating them is a big task. To solve this issue, we have the useFormControl() hook available in MUI. This hook allows to customize the state according to different project requirements, etc. In this article, we'll explore the usage of the UseFormControl() hook in the Material UI in React. useFormControl API The useFormControl API or hook returns the context value of the parent FormControl component. It gives an abstraction layer that allows to manage of the form state and validation of the given form controls. API returnable objects There are different useFormControl hook returns, ...
Read MoreHow to use the scale prop to represent the value on a different scale in Material UI?
In this article, we will explore how to utilize the "scale" prop in Material UI to represent values on a scale. The "scale" prop in Material UI's Slider component enables you to map the range of values of the slider onto a scale. The usage of this property is very simple and easy to implement. Also, the prop is useful when there is a need to display and manipulate values on a scale that differs from the default linear scale of the slider. If we talk about the value it accepts, then it acts as a function that takes ...
Read MoreHow to use Select Props in Material UI?
This article will cover the usage of features in Material UI. The "Select" component, an element of Material UI allows users to choose options from a menu. To customize the behavior and appearance of the Select component various props are available. Select API − This API is used to add the Select component to select data from a list of options in Material UI. Props autoWidth − This property is used to set the width. children − This property defines the options, for the menu items. classes − This property is used to customize or add ...
Read MoreHow to handle multiple selection of Toggle Button in Material UI?
In this article, we are going to handle multiple selections of the toggle button in Material UI. To ensure a seamless and understandable user experience, handling the selection of multiple toggle buttons within a Toggle Button Group requires careful implementation. What is a Toggle Button? Toggle buttons are a very popular component not only in MUI but also in various other CSS frameworks like Bootstrap, etc., and it provide a way to choose between two or more options. These buttons are collectively referred to as the ToggleButtonGroup in MUI. A group of connected Toggle buttons should be highlighted by sharing ...
Read More