[Solved] Group selectors

[Mateusz Rybin]

I have this weird problem when I try to group selectors.

The story is that I’m working on a WordPress theme and I decided to make sass file the contains all my colours. So everything works when I did this.

.site-description {
color: red;
}
.site-social a:hover {
color: red;
}
.toggle-button .toggle-title {
color: red;
}
.site-navigation ul > li a:hover {
color: red;
}
.site-search ::-webkit-input-placeholder {
color: red;
}
.site-search :-moz-placeholder {
color: red;
}
.site-search ::-moz-placeholder {
color: red;
}
.site-search :-ms-input-placeholder {
color: red;
}

Problem is that when I do the same thing just group those selectors, it docent work.

.site-description,
.site-social a:hover,
.toggle-button .toggle-title,
.site-navigation ul > li a:hover,
.site-navigation .sub-menu > li a,
.site-search ::-webkit-input-placeholder,
.site-search :-moz-placeholder,
.site-search ::-moz-placeholder,
.site-search :-ms-input-placeholder {
color: red;
}

Do anyone know whats the problem is?

[Paulie_D]

Which specifically doesn’t work?

I’m pretty sure you can’t group the placeholder selectors like that…otherwise it should work.

We need a demo or link really.

.site-description,
.site-social a:hover,
.toggle-button .toggle-title,
.site-navigation ul > li a:hover,
.site-navigation .sub-menu > li a {
color: red;
}

.site-search ::-webkit-input-placeholder {
color: red;
}
.site-search :-moz-placeholder {
color: red;
}
.site-search ::-moz-placeholder {
color: red;
}
.site-search :-ms-input-placeholder {
color: red;
}

[Mateusz Rybin]

Hmm that fixed it. :) thanks.

I thought that you could group placeholder selectors like that, but I was wrong.

[Author]

Posts