CSS Class Selector Regex Pattern

Live Regex Tester

Pattern Breakdown

Code Examples

const regex = /\.[a-zA-Z_][a-zA-Z0-9_-]*/g;
const test = ".my-class";
console.log(regex.test(test)); // true

// Extract matches
const matches = test.match(regex);
console.log(matches);

import re

pattern = r'\.[a-zA-Z_][a-zA-Z0-9_-]*'
test = ".my-class"
match = re.findall(pattern, test)
print(match)  # Found!

package main

import (
    "fmt"
    "regexp"
)

func main() {
    re := regexp.MustCompile(`\.[a-zA-Z_][a-zA-Z0-9_-]*`)
    fmt.Println(re.MatchString(".my-class")) // true
}

Common Use Cases

Match Examples

About the CSS Class Selector Regex

Matches CSS class selectors starting with a dot. Captures class names from stylesheets for analysis.

Regular expressions (regex) are powerful pattern matching tools used across virtually all programming languages. The css class selector pattern is classified as beginner difficulty in the code & programming category. This pattern is specifically designed for CSS.

When using this regex, always consider edge cases and test thoroughly with real-world data. Use the interactive tester above to validate the pattern against your specific inputs before deploying to production.

More Code & Programming Patterns