lavezzi1
@lavezzi1

Почему не применяется ::before?

Здравствуйте. Смотрю через инспектор, код не применяется, то есть нет пвевдокласса на линке. Почему?

<h1>Подключение</h1>
            <a href="#0" class="cd-panel-close">Close</a>


.cd-panel-close {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 60px;

	/* image replacement */
	display: inline-block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;

	&::before, &::after {
		/* close icon created in CSS */
		position: absolute;
		top: 22px;
		left: 20px;
		height: 3px;
		width: 20px;
		background-color: $color-3;
		/* this fixes a bug where pseudo elements are slighty off position */
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}

	&::before {
		@include transform(rotate(45deg));
	}

	&::after {
		@include transform(rotate(-45deg));
	}

	.no-touch &:hover {
		background-color: $color-3;

		&::before, &::after {
			background-color: $color-4;
			@include transition-property(transform);
			@include transition-duration(.3s);
		}

		&::before {
			@include transform(rotate(220deg));
		}

		&::after {
			@include transform(rotate(135deg));
		}
	}
}
  • Вопрос задан
  • 362 просмотра
Решения вопроса 1
bootd
@bootd Куратор тега CSS
Гугли и ты откроешь врата знаний!
Всегда у всех :before, :after должно быть свойство content: ''; Либо с пустым значением, либо с нужным вам текстом! В противном случае, элемент не отобразиться!
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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