stylecow-plugin-matches

stylecow plugin matches

Stylecow plugin to add support for the selector :matches() in all browsers

More info available in CSS Selectors Level 4

You write:

body :matches(p, a) {
	color: blue;
}
p {
	a :matches(span, strong) {
		color: red;
	}
}
h1 :matches(em, strong):matches(.one, .two) {
	color: yellow;
}

And stylecow converts to:

body p, body a {
	color: blue;
}
p {
	a span, a strong {
		color: red;
	}
}
h1 em.one, h1 em.two, h1 strong.one, h1 strong.two {
	color: yellow;
}

More demos in the tests folder