libro de referencias CSS

reglas CSS @

大全 de propiedades CSS

Funciones CSS (Functions)Manual completo de selectores CSS

CSS3 :only-of-Selector de tipo

Pseudoclase :only de CSS-of-type representa cualquier elemento, que no tiene otros elementos hermanos del mismo tipo.

Manual de referencia de selector CSS completo

Ejemplo en línea

Especificar cada elemento p que pertenece al elemento padre específico del tipo único:

Ejemplo

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">　
<title>Guía básica (oldtoolbag.com)</title>/title>
<style>
div　{
　　border:　1px solid #ccc;
　　margin:　20px;
　　padding:　10px　10px　10px　30px;
}
p:only-of-type　{
　　color:　red;
}
</style>
</head>
<body>
<div>
　　<p>Soy el único elemento de párrafo en este div.</p>　　
　　<ul>
　　　　<li>Elemento de lista</li>
　　　　<li>Elemento de lista</li>
　　</ul>　　
</div>
<div>
　　<p>Este div tiene varios párrafos.</p>　　
　　<p>Yo también soy un párrafo.</p>　　
　　<ul>
　　　　<li>Elemento de lista</li>
　　　　<li>Elemento de lista</li>
　　</ul>　　
</div>
</body>
</html>

Prueba y observa ‹/›

Definición y uso

element:only-of-type　{　style　properties　}

:only-of-type representa cualquier elemento, que no tiene otros elementos hermanos del mismo tipo.

Compatibilidad del navegador

Los números en la tabla indican la primera versión del navegador que admite la propiedad.

Selector
:only-of-type	4.0	9.0	3.5	3.2	9.6

Manual de referencia de selector CSS completo

Funciones CSS (Functions)Manual completo de selectores CSS