<ul id="footer">
<li>
<h2>Что это?</h2>
<ul class="information" style="display:none;">
<p>шшш!</p>
</ul>
</li>
<li>
<h2>А это что??!!!?</h2>
<ul class="information" style="display:none;">
<p>Тоже </p>
</ul>
</li>
<li>
<h2>А это что?</h2>
<ul class="information" style="display:none;">
<p>Тоже !</p>
</ul>
</li>
</ul>
Есть такой элемент на странице. Как с помощью css найти все <ul class="information" style="display:none;">
?
Пытался так:
#footer li .information ul p:first-child .information:after{
content: '';
position: absolute;
left: 10%;
bottom: -10px;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #444;
}
Не получается. Да и по-другому тоже пробовал, тоже не получается.
Помогите разобраться.