postcss.Container | /deps.ts | bundler@0.6.5

method postcss.Container.prototype.walkRules

Re-export

import { postcss } from "https://deno.land/x/bundler@0.6.5/deps.ts";
const { Container } = postcss;

walkRules(selectorFilter: string | RegExp, callback: (atRule: Rule, index: number) => false | void): false | undefined

Traverses the container’s descendant nodes, calling callback for each rule node.

walkRules(callback: (atRule: Rule, index: number) => false | void): false | undefined

Traverses the container’s descendant nodes, calling callback for each rule node.

If you pass a filter, iteration will only happen over rules with matching selectors.

Like Container#each, this method is safe to use if you are mutating arrays during iteration.

const selectors = []
root.walkRules(rule => {
  selectors.push(rule.selector)
})
console.log(`Your CSS uses ${ selectors.length } selectors`)

Parameters

selectorFilter: string | RegExp

String or regular expression to filter rules by selector.

callback: (atRule: Rule, index: number) => false | void

Iterator receives each node and index.

false | undefined

Returns false if iteration was broke.

callback: (atRule: Rule, index: number) => false | void

false | undefined