CSS3: Existe seletor "contains" ou algo parecido?

[Maykel-ctba 233]

Fala galera,

 

Tenho uma lista simples (ul > li) e gostaria de selecionar no meu CSS as LI's que possuem um elemento "i" dentro.

 

Vi que contains no CSS está deprecated.

 

Como posso aplicar estilos exclusivamente para as ULs que possuem a tag <i>?

<nav>
	<ul class="list-inline list-unstyled">
    	<li><a href="/a-empresa"  title="Ir para: A Bercamp">A empresa</a></li>
        <li><a href="/produtos"  title="Ir para: Produtos">Produtos</a></li>
        <li><a href="/projetos-especiais"  title="Ir para: Projetos Especiais">Projetos Especiais</a></li>
        <li><a href="/assistencia-tecnica"  title="Ir para: Assistência Técnica">Assistência Técnica</a></li>
        <li><a href="/contatos"  title="Ir para: Contatos">Contatos</a></li>
        <li><a href="#" title="Ir para: Facebook"><i class="fa fa-facebook" title="Icone Facebook"></i></a></li>
        <li><a href="#" title="Ir para: Twitter"><i class="fa fa-twitter" title="Icone Twitter"></i></a></li>
	</ul>
</nav>

PS: Não posso utilizar algo do tipo:

nav ul li > i { // * estilo }

Porque não quero alterar os estilos de <i>, e sim das <li> que contém <i>.

[guilomaker 31]

eu usaria o pseudo nth-child pra selecionar seus dois últimos li

 

nav ul li:nth-child(6),:nth-child(7) {

color: red;

}

[Maykel-ctba 233]

Não posso.

 

O número de LI's pode alterar conforme o cliente cadastra novos itens.

[guilomaker 31]

ata entendi!

[Maykel-ctba 233]

Hehehe, eu fiz uma solução em jQuery que funciona. Mas gostaria de saber se existe como contornar via CSS somente.

[William Bruno 1501]

css4 tem o :has

 

http://dev.w3.org/csswg/selectors-4/

[Maykel-ctba 233]

Mas nem dá pra usar isso ainda, né? Pelo que vi, é só um rascunho...

 

ps: nem sabia da existencia do CSS4.