foxayb
@foxayb
newbie

Как задать значение классу если там имеется символ '+'?

Добрый день. Подскажите, пожалуйста, решение такой проблемы:
Есть желание в футере сделать поворот иконок соц.сетей:
.footer-social-w .Instagram {
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg));
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}


Для инстаграм, твиттер и ютуба - сработало, а вот для гугла - нет. Причина в том, что его класс с символом "+"
<a href="https://plus.google.com/u/0/115070119646625439639" class="Google+" target="_blank"><img src="http://www.site.ru/wp-content/plugins/zilla-social/images/16px/Google+.png" alt="Google+"></a>


Подскажите, как в стилях прописать значения для этого класса чтобы работало?
  • Вопрос задан
  • 217 просмотров
Решения вопроса 2
yarkov
@yarkov
Помог ответ? Отметь решением.
.footer-social-w [class^="Google"] {
	...
}
Ответ написан
Lynn
@Lynn
nginx, js, css
.Google\+ {
  color: red;
}


Но лучше не использовать такие классы
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
YCLIENTS Москва
от 200 000 до 350 000 ₽
Ведисофт Екатеринбург
от 25 000 ₽
ИТЦ Аусферр Магнитогорск
от 100 000 до 160 000 ₽
25 апр. 2024, в 10:42
150000 руб./за проект
25 апр. 2024, в 10:41
2000 руб./за проект
25 апр. 2024, в 10:25
2000 руб./за проект