Qual é a sintaxe CSS para uma classe de span chamada aninhada em um div?
No seguinte, Como faço referência à classe "nome"?
<div class="resultDetails">
<span class="name">Name</span>
<span class="address">Address</span>
</div>
5
4 answers
div span.name { ... }
div .. diz ao tipo de elemento
Um espaço então span .. diz para olhar para os elementos de calibração em subníveis
.name .. diz para olhar para aqueles elementos com a classe css Chamada name
8
Author: Harish Palaniappan, 2011-01-06 04:31:05
div.resultDetails > span.name { ... }
Deve funcionar.
3
Author: Brad Christie, 2011-01-06 04:27:00
Simplesmente
<style>
.name
{
}
</style>
Tudo o que você precisa é o nome da própria classe, A menos que outros fatores caso contrário, poderá usar vários tipos de selectores
div span.name // selects all spans with class "name" in any div
div > span.name // this one selects only the spans that are direct children of a div
div.resultDetails span.name //select only spans with class "name" in only divs with class="result Details
.resultDetails .name // selects any element with class "name" in any element with class "resultDetails"
3
Author: Patrick Evans, 2014-06-28 18:54:40
Div.detalhes do resultado > span.name trabalha na maioria dos navegadores.
No entanto, não funciona na IE6. Se isso é um problema, estou só a usar: divisao.detalhes do resultado span.name {} deve visar correctamente o intervalo (desde que não tenha nenhum aninhado span.name elementos dentro do div que você não pretende atingir). 1
Author: jacobangel, 2011-01-06 04:29:50