How To

The :not Selector in TailwindCSS – [ :not-first and :not-last ]

The :not selector in TailwindCSS is pretty much similar to the :nth selector. The :not selector is helpful in various use cases, for example,...

How to Create Transparent Text in TailwindCSS

You can apply different CSS Blend Modes options in TailwindCSS to get almost any effect you want. In TailwindCSS, there are different classes for...

Even Odd Selector in TailwindCSS – [Select Even/Odd Elements]

All the selectors available in CSS are also available in Tailwind CSS. The first-child selector lets you apply styles on first-child elements and the...

How to Use :nth-child Selector in TailwindCSS

The :nth-child selector is very helpful in CSS because it lets you select a specific element to style. You can also use the :nth-child...

How to Select First Child in Tailwind CSS | First Child Selector

Same as the last child selector in Tailwind CSS, the first child selector works exactly the same. This is also useful in many use-cases...

How to Select Last Child in Tailwind CSS | Last Child Selector

The last child selector in CSS is very useful in many situations. For example, you may not want to add border to the last...

How to Customize Default or Base Styles in TailwindCSS

One of the reasons why developers love working with TailwindCSS is the ease of customization. Compared to other frameworks like bootstrap and material UI,...

3 Simple Methods to Style Placeholder Text in Tailwind CSS

Default placeholder text styles are so great for custom designs. As you might know, that placeholder text can be styled with CSS and also...

How to Use Important Modifier in TailwindCSS – [Complete Guide]

The use of !important  in CSS is not what web designers encourage you to use. But it's very useful in many situations like you...

Latest articles