English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

manual de referencia CSS

reglas CSS @

大全 de Atributos CSS

Selector de clase .class de CSS

Manual de referencias de selector CSS completo

Ejemplo en línea

Usar class="content" para seleccionar y establecer el estilo de todos los elementos:

!DOCTYPE html
<html>
<title>Base Tutorial Net(oldtoolbag.com)</title>
<head>
<style>
.content
{
background-color:yellow;
}
</style>
</head>
<body>
<h1>Bienvenido a mi página principal</h1>
<div class="content">
<p>Me llamo Tuti.</p>
<p>Vivo en Canadá.</p>
</div>
<p>Mi mejor amigo es Lili.</p>
</body>
</html>
Ver aquí ‹/›

Definición y uso

 .classEl selector es el estilo de todos los elementos de la clase especificada.

Compatibilidad del navegador

IEFirefoxOperaChromeSafari

Todos los navegadores principales lo soportan.classSelector

Ejemplo en línea

Aplicar el estilo con class="myhome" a todos los elementos <p>:

!DOCTYPE html
<html>
<title>Base Tutorial Net(oldtoolbag.com)</title>
<head>
<style>
p.myhome
{ 
background:red;
}
</style>
</head>
<body>
<p>Me llamo Tuti.</p>
<p class="myhome">Vivo en Canadá.</p>
<p>Me llamo Tuti.</p>
<p class="myhome">Vivo en Canadá.</p>
</body>
</html>
Ver aquí ‹/›
Manual de referencias de selector CSS completo