删除 CSS 通用选择器

Author: Dog-Egg

README.md

@@ -1,40 +1,3 @@
-<p align="center">
-  <a href="https://tailwindcss.com" target="_blank">
-    <picture>
-      <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/tailwindlabs/tailwindcss/HEAD/.github/logo-dark.svg">
-      <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/tailwindlabs/tailwindcss/HEAD/.github/logo-light.svg">
-      <img alt="Tailwind CSS" src="https://raw.githubusercontent.com/tailwindlabs/tailwindcss/HEAD/.github/logo-light.svg" width="350" height="70" style="max-width: 100%;">
-    </picture>
-  </a>
-</p>
+# tailwindcss-mp
 
-<p align="center">
-  A utility-first CSS framework for rapidly building custom user interfaces.
-</p>
-
-<p align="center">
-    <a href="https://github.com/tailwindlabs/tailwindcss/actions"><img src="https://img.shields.io/github/actions/workflow/status/tailwindlabs/tailwindcss/ci.yml?branch=main" alt="Build Status"></a>
-    <a href="https://www.npmjs.com/package/tailwindcss"><img src="https://img.shields.io/npm/dt/tailwindcss.svg" alt="Total Downloads"></a>
-    <a href="https://github.com/tailwindcss/tailwindcss/releases"><img src="https://img.shields.io/npm/v/tailwindcss.svg" alt="Latest Release"></a>
-    <a href="https://github.com/tailwindcss/tailwindcss/blob/main/LICENSE"><img src="https://img.shields.io/npm/l/tailwindcss.svg" alt="License"></a>
-</p>
-
----
-
-## Documentation
-
-For full documentation, visit [tailwindcss.com](https://tailwindcss.com/).
-
-## Community
-
-For help, discussion about best practices, or any other conversation that would benefit from being searchable:
-
-[Discuss Tailwind CSS on GitHub](https://github.com/tailwindcss/tailwindcss/discussions)
-
-For casual chit-chat with others using the framework:
-
-[Join the Tailwind CSS Discord Server](https://discord.gg/7NF8GNe)
-
-## Contributing
-
-If you're interested in contributing to Tailwind CSS, please read our [contributing docs](https://github.com/tailwindcss/tailwindcss/blob/main/.github/CONTRIBUTING.md) **before submitting a pull request**.
+支持小程序的 Tailwindcss

src/lib/resolveDefaultsAtRules.js

@@ -138,7 +138,11 @@ export default function resolveDefaultsAtRules({ tailwindConfig }) {
       }
     } else if (universals.size) {
       let universalRule = postcss.rule({
-        selectors: ['*', '::before', '::after'],
+        selectors: [
+          // '*', 小程序不支持的选择器
+          '::before',
+          '::after',
+        ],
       })
 
       for (let universal of universals) {

tests/basic-usage.test.css

@@ -1,4 +1,3 @@
-*,
 :before,
 :after,
 ::backdrop {

tests/custom-plugins.test.js

@@ -1944,7 +1944,7 @@ test('important candidates discard rules with irrelevant selectors', async () =>
   let result = await run('@tailwind base', config)
 
   expect(result.css).toMatchInlineSnapshot(`
-    "*, ::before, ::after {
+    "::before, ::after {
         --tw-border-spacing-x: 0;
         --tw-border-spacing-y: 0;
         --tw-translate-x: 0;

tests/resolve-defaults-at-rules.test.js

@@ -14,7 +14,6 @@ test('basic utilities', async () => {
 
   return run(input, config).then((result) => {
     expect(result.css).toMatchFormattedCss(css`
-      *,
       :before,
       :after,
       ::backdrop {
@@ -64,7 +63,6 @@ test('with pseudo-class variants', async () => {
 
   return run(input, config).then((result) => {
     expect(result.css).toMatchFormattedCss(css`
-      *,
       :before,
       :after,
       ::backdrop {
@@ -112,7 +110,6 @@ test('with pseudo-element variants', async () => {
 
   return run(input, config).then((result) => {
     expect(result.css).toMatchFormattedCss(css`
-      *,
       :before,
       :after,
       ::backdrop {
@@ -156,7 +153,6 @@ test('with multi-class variants', async () => {
 
   return run(input, config).then((result) => {
     expect(result.css).toMatchFormattedCss(css`
-      *,
       :before,
       :after,
       ::backdrop {
@@ -200,7 +196,6 @@ test('with multi-class pseudo-element variants', async () => {
 
   return run(input, config).then((result) => {
     expect(result.css).toMatchFormattedCss(css`
-      *,
       :before,
       :after,
       ::backdrop {
@@ -250,7 +245,6 @@ test('with multi-class pseudo-element and pseudo-class variants', async () => {
 
   return run(input, config).then((result) => {
     expect(result.css).toMatchFormattedCss(css`
-      *,
       :before,
       :after,
       ::backdrop {
@@ -336,7 +330,6 @@ test('with apply', async () => {
 
   return run(input, config).then((result) => {
     expect(result.css).toMatchFormattedCss(css`
-      *,
       :before,
       :after,
       ::backdrop {
@@ -529,7 +522,6 @@ test('with shadows', async () => {
 
   return run(input, config).then((result) => {
     expect(result.css).toMatchFormattedCss(css`
-      *,
       :before,
       :after,
       ::backdrop {
@@ -586,7 +578,6 @@ test('when no utilities that need the defaults are used', async () => {
 
   return run(input, config).then((result) => {
     expect(result.css).toMatchFormattedCss(css`
-      *,
       :before,
       :after,
       ::backdrop {

tests/util/defaults.js

@@ -7,7 +7,6 @@ import { css } from './strings'
  */
 export function defaults({ defaultRingColor = `#3b82f680` } = {}) {
   return css`
-    *,
     :before,
     :after,
     ::backdrop {

tests/variants.test.css

@@ -1,4 +1,3 @@
-*,
 :before,
 :after,
 ::backdrop {