|
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263 |
- # selector-id-pattern
-
- Specify a pattern for ID selectors.
-
- <!-- prettier-ignore -->
- ```css
- .foo, #bar.baz a, #hoo[disabled] { color: pink; }
- /** ↑ ↑
- * These ID selectors */
- ```
-
- ## Options
-
- `regex|string`
-
- A string will be translated into a RegExp like so `new RegExp(yourString)` — so be sure to escape properly.
-
- The selector value _after `#`_ will be checked. No need to include `#` in your pattern.
-
- Given the string:
-
- ```
- "foo-[a-z]+"
- ```
-
- The following patterns are considered violations:
-
- <!-- prettier-ignore -->
- ```css
- #foop {}
- ```
-
- <!-- prettier-ignore -->
- ```css
- #foo-BAR {}
- ```
-
- <!-- prettier-ignore -->
- ```css
- div > .zing + #foo-BAR {}
- ```
-
- The following patterns are _not_ considered violations:
-
- <!-- prettier-ignore -->
- ```css
- #foo-bar {}
- ```
-
- <!-- prettier-ignore -->
- ```css
- div > .zing + #foo-bar {}
- ```
-
- <!-- prettier-ignore -->
- ```css
- .foop {}
- ```
-
- <!-- prettier-ignore -->
- ```css
- [foo='bar'] {}
- ```
|