Big update!Introducing GitHub Bot Commands. Learn more
Socket
Log inBook a demo

postcss-pseudo-class-any-link

Package Overview
Dependencies
1
Maintainers
2
Versions
20
Issues
File Explorer

Advanced tools

postcss-pseudo-class-any-link

Use the :any-link pseudo-class in CSS

    7.1.6latest

Version published
Maintainers
2
Weekly downloads
6,815,554
decreased by-14.66%

Weekly downloads

Readme

Source

NPM Version CSS Standard Status Build Status Discord

PostCSS Pseudo Class Any Link lets you :any-link pseudo-class in CSS, following the Selectors specification.

nav :any-link > span { background-color: yellow; } /* becomes */ nav :link > span, nav :visited > span { background-color: yellow; } nav :any-link > span { background-color: yellow; }

From the proposal:

The :any-link pseudo-class represents an element that acts as the source anchor of a hyperlink. It matches an element if the element would match :link or :visited.

'Can I use' table

Usage

Add PostCSS Pseudo Class Any Link to your project:

npm install postcss postcss-pseudo-class-any-link --save-dev

Use PostCSS Pseudo Class Any Link as a PostCSS plugin:

const postcss = require('postcss'); const postcssPseudoClassAnyLink = require('postcss-pseudo-class-any-link'); postcss([ postcssPseudoClassAnyLink(/* pluginOptions */) ]).process(YOUR_CSS /*, processOptions */);

PostCSS Pseudo Class Any Link runs in all Node environments, with special instructions for:

NodePostCSS CLIWebpackCreate React AppGulpGrunt

Options

preserve

The preserve option determines whether the original :any-link rule is preserved. By default, it is preserved.

postcssPseudoClassAnyLink({ preserve: false }) nav :any-link > span { background-color: yellow; } /* becomes */ nav :link > span, nav :visited > span { background-color: yellow; }

subFeatures

areaHrefNeedsFixing

The subFeatures.areaHrefNeedsFixing option determines if <area href> elements should match :any-link pseudo-class.
In IE and Edge these do not match :link or :visited.

This increased CSS bundle size and is disabled by default.

postcssPseudoClassAnyLink({ subFeatures: { areaHrefNeedsFixing: true } }) nav :any-link > span { background-color: yellow; } /* becomes */ nav :link > span, nav :visited > span, area[href] > span { background-color: yellow; }

Keywords

FAQs

What is postcss-pseudo-class-any-link?

Use the :any-link pseudo-class in CSS

Is postcss-pseudo-class-any-link popular?

The npm package postcss-pseudo-class-any-link receives a total of 5,473,271 weekly downloads. As such, postcss-pseudo-class-any-link popularity was classified as popular.

Is postcss-pseudo-class-any-link well maintained?

We found that postcss-pseudo-class-any-link demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago.It has 2 open source maintainers collaborating on the project.

Last updated on 08 Jul 2022

Did you know?

Socket installs a Github app to automatically flag issues on every pull request and report the health of your dependencies. Find out what is inside your node modules and prevent malicious activity before you update the dependencies.

Install Socket
Socket

Product

Subscribe to our newsletter

Get open source security insights delivered straight into your inbox. Be the first to learn about new features and product updates.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc