From d85a9904640ebd9b02e0f0bcc39c2bf080e64899 Mon Sep 17 00:00:00 2001 From: Zeeshan Tamboli Date: Tue, 21 May 2024 10:35:06 +0530 Subject: [PATCH] [docs][material-ui] Fix typo in style interoperability with Tailwind CSS docs (#42279) --- .../material/integrations/interoperability/interoperability.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/data/material/integrations/interoperability/interoperability.md b/docs/data/material/integrations/interoperability/interoperability.md index 4a4b7f0ab9e4a9..d52dd16ef1b7df 100644 --- a/docs/data/material/integrations/interoperability/interoperability.md +++ b/docs/data/material/integrations/interoperability/interoperability.md @@ -610,7 +610,7 @@ If you use a different framework, or already have set up your project, follow th ``` -Most of the CSS used by Material UI has as specificity of 1, hence this `important` property is unnecessary. +Most of the CSS used by Material UI has a specificity of 1, hence this `important` property is unnecessary. However, in a few edge cases, Material UI uses nested CSS selectors that win over Tailwind CSS. Use this step to help ensure that the [deeper elements](#deeper-elements-5) can always be customized using Tailwind's utility classes. More details on this option can be found here https://tailwindcss.com/docs/configuration#selector-strategy