English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Manual de referencias de selectores CSS completos
Insertar contenido antes de cada <p>elemento:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Guía básica(oldtoolbag.com)</title>/title>
<style>
p:before
{
content:"Read this -";
}
</style>
</head>
<body>
<p>Me llamo Loli</p>
<p>Vivo en la playa</p>
<p><b>Nota:</b> :before actúa en IE8,DOCTYPE debe haberse declarado.</p>
</body>
</html>Prueba y mira ‹/›:before selector para insertar contenido antes del elemento seleccionado.
usarcontent propiedad para especificar el contenido que se insertará.
Los números en la tabla indican la primera versión del navegador que admite el atributo.
| selector | |||||
|---|---|---|---|---|---|
| ::before | 4.0 | 9.0 partes desde8.0 | 3.5 | 3.1 | 7.0 partes desde 4.0 |
Nota: before en IE8en ejecución, debe declararse <!DOCTYPE> 。
Tutorial de CSS: Pseudo de CSS-elementos
Manual de referencias de selectores CSS: Selector :after de CSS
Contenido y estilo insertados antes de cada <p>:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Guía básica(oldtoolbag.com)</title>/title>
<style>
p:before
{
content:"Read this -";
background-color:yellow;
color:red;
font-weight:bold;
}
</style
</style>
</head>
<body>
<p>Me llamo Loli</p>
<p>Vivo en la playa</p>
<p><b>Nota:</b> :before actúa en IE8,DOCTYPE debe haberse declarado.</p>
</body>
</html>Prueba y mira ‹/›