Как скрыть текст или блок на чистом css?

Очень приятный код для скрытия части статьи на чистом css никакого JS:

Демо:

Подробнее Появляющийся/скрывающийся текст

<style>
.del { display: none; }
.del:not(:checked) + label + * { display: none; } /* фактически нужна только одна строка */
  
/* вид CSS кнопки */
.del:not(:checked) + label,
.del:checked + label {
display: inline-block;
padding: 6px 10px;
border-radius: 2px;
color: #fff;
background: #4e6473;
cursor: pointer;
text-transform: uppercase;
float: right;
font-size: 15px;
margin: 10px 0;
width: auto;
}
.del:checked + label {
  background: #e36443;
}
 
.vrv-dis {
    float: right;
    width: 100%;
    margin: 10px 0;
}
</style>
 
<input type="checkbox" id="raz" class="del"><label for="raz" class="del">Подробнее</label>
<span class="vrv-dis">Появляющийся/скрывающийся текст</span>

Вернуться назад

Обратная связь

Как скрыть текст или блок на чистом css?

Комплексное продвижение сайта!