question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

`:not` selector missing in 2.x

See original GitHub issue

Originally reported in https://github.com/FullHuman/purgecss/issues/293#issuecomment-593420415

When reporting a bug, please try to include the following:

  • A descriptive title
  • An isolated way to reproduce the behavior (example: GitHub repository with code isolated to the issue that anyone can clone to observe the problem)
  • What package and version you’re using, and the platform(s) you’re running it on: grunt-purgecss@2.1.1, purgecss@2.1.0

When you open an issue for a feature request, please add as much detail as possible:

  • A descriptive title
  • A description of the problem you’re trying to solve, including why you think this is a problem
  • An overview of the suggested solution
  • If the feature changes current behavior, reasons why your solution is better
.full-news a[href*="//"]:not([href^="mpc-hc.org"]):not([href*="trac.mpc-hc.org"])::after,
.new a[href*="//"]:not([href^="mpc-hc.org"]):not([href*="trac.mpc-hc.org"])::after {
    content: "\f08e"; /* fa-external-link */
    display: inline-block;
    font-family: FontAwesome;
    margin-left: 0.3em;
}

If change the code to this then it’s kept with the new version

.full-news a:not([href*="mpc-hc.org"])::after,
.new a:not([href*="mpc-hc.org"])::after {
    content: "\f08e"; /* fa-external-link */
    display: inline-block;
    font-family: FontAwesome;
    margin-left: 0.3em;
}

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Reactions:1
  • Comments:9 (6 by maintainers)

github_iconTop GitHub Comments

2reactions
luwescommented, Apr 24, 2020

this one seems to be failing for me as well

:not(pre) > code {
  @apply text-sm text-red-600 bg-gray-100 p-1 rounded
}
1reaction
Fflorielcommented, Aug 6, 2020

@pahan35 I’ll give it a try and let you know

Read more comments on GitHub >

github_iconTop Results From Across the Web

not() - CSS: Cascading Style Sheets - MDN Web Docs
The :not() CSS pseudo-class represents elements that do not match a list of selectors. Since it prevents specific items from being selected, ...
Read more >
CSS :not() selector. Apply style if parent does not exist
I am trying to apply a style to a div based on its parent class. I am using the :not ...
Read more >
Selectors - W3C
The universal selector, written "*", matches the name of any element type. It matches any single element in the document tree. If the...
Read more >
not - CSS-Tricks
The :not() property in CSS is a negation pseudo class and accepts a simple selector or a selector list as an argument.
Read more >
Word Tab Selector is Missing - Microsoft Community
Word Tab Selector is Missing. I don't see the tab selector. How do I make it visible? Image. Thanks! This thread is locked....
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found