No entiendo como funciona este selector
Publicado por Gustavo (115 intervenciones) el 30/01/2015 17:51:44
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<!DOCTYPE html>
<html lang="es-AR">
<head>
<meta charset="utf-8">
<meta name="title" content="titulo de la pagina">
<meta name="description" content="descripcion de la pagina">
<meta name="keywords" content="palabras claves">
<meta name="robots" content="index,follow">
<link rel="stylesheet" type="text/css" href="file:///C:" media="screen">
<title>Ejercicio de selectores</title>
<style type="text/css">
p+p {text-indent:1.5em;}
</style>
</head>
<body>
<p>Lorem ipsum dolor sit amet,consectetuer adipiscing elit. Praesent
blandit nibh at felis. Sed nec diam in dolor vestibulum aliquet. Duis ullamcorper, nisi
non facilisis molestie,lorem sem aliquam nulla, id lacinia velit mi
vestibulum enim.</p>
<p>Phasellus eu velit sed lorem sodales egestas. Ut feugiat.Donec
porttitor, magna eu varius luctus,metus massa tristique massa, in imperdiet
est velit vel magna. Phasellus erat. Duis risus.Maecenas dictum, nibh
vitae pellentesque auctor, tellus velit consectetuer tellus, tempor pretium felis
tellus at metus.</p>
<p>Cum sociis natoque penatibus et magnis dis parturient
montes, nascetur ridiculus mus. Proin aliquam convallis ante. Pellentesque habitant
morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc aliquet.
Sed eu metus. Duis justo.</p>
<p>Donec facilisis blandit velit. Vestibulum nisi. Proin volutpat,enim id iaculis congue, orci justo ultrices tortor,
quis lacinia eros libero in eros. Sed malesuada dui vel quam. Integer at
eros.</p>
</body>
</html>
Como dice el título no entiendo como funciona este selector.
La primer regla del selector adyacente dice que el elemento 1 y 2 deben ser hermanos y deben tener el mismo elemento padre hasta ahi voy bien el párrafo 1, 2,3 y 4 son hermanos ya que su elemento padre es body.
Y la segunda regla dice que el elemento 2 debe aparecer inmediatamente despues que el elemento 1 en el codigo html de la página, ahi ya me perdi, porque p+p selecciona todos los párrafos menos el primer parrafo y segun esta segunda regla tendria que seleccionar el segundo párrafo que aparece inmediatamente despues que el primer párrafo,porque ademas selecciona los parrafos q estan despues del segundo párrafo ?
Bueno espero respondan mi inquietud gracias.
Valora esta pregunta
0
