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;
}


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

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

Войти через центр авторизации
Похожие вопросы