Sintaxis de selector incorrecta ?

LoveSilence · #1 (**permalink**) 18/01/2013, 10:52

Hola gente, soy nuevo por aqui y ahora mismo estoy practicando el css avanzado y resulta que los siguentes selectores no me funcionan.

<style>
p:after [id*="text"] {content: "!";}
p:before [id*="text"] {content: "-";}
</style>
</head>
<body>

<p id="texto1">Texto numero 1</p>
<p id="texto2">Texto numero 2</p>

he provado también quitar las comillas en [id*=text] pero sin resultados.

LoveSilence · #2 (**permalink**) 18/01/2013, 11:06

He solucionado el codigo de la siguente manera:

Código HTML:

<style> 
#textcontainer p:after {content: "!";}
#textcontainer p:before {content: "-";}
 </style>
 </head>
 <body>
<div id="textcontainer">
 <p>Texto numero 1</p>
 <p>Texto numero 2</p>
</div>

pero igual me gustaria saber si de la anterior manera también se puede hacer.

pzin · #3 (**permalink**) 18/01/2013, 12:22

Cita:

Iniciado por LoveSilence

pero igual me gustaria saber si de la anterior manera también se puede hacer.

Si, lo que tienes el selector un poco del revés:

Código CSS:

Ver originalp[id*=text]:after {
  content: "!";
}
p[id*=text]:before {
  content: "-";
}

LoveSilence · #4 (**permalink**) 18/01/2013, 12:52

gracias si que funciona )