Foros del Web » Creando para Internet » CSS »

Que significa el punto? Ejem: p.box{}

Estas en el tema de Que significa el punto? Ejem: p.box{} en el foro de CSS en Foros del Web. Hola, tengo una duda.. he visto muchas veces codigos asi: p.box{} ul li a.contacto{ } Que significan cuando ponen punto? Saludos,...
  #1 (permalink)  
Antiguo 24/06/2013, 00:21
Avatar de richardinj  
Fecha de Ingreso: enero-2005
Ubicación: Ciber Espacio
Mensajes: 2.180
Antigüedad: 19 años, 9 meses
Puntos: 11
Pregunta Que significa el punto? Ejem: p.box{}

Hola, tengo una duda.. he visto muchas veces codigos asi:

p.box{}

ul li a.contacto{ }


Que significan cuando ponen punto?

Saludos,
  #2 (permalink)  
Antiguo 24/06/2013, 00:59
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años, 7 meses
Puntos: 1284
Respuesta: Que significa el punto? Ejem: p.box{}

Hola:

El punto es referencia de una clase (class), o sea p.box son las etiquetas:
<p class="box">, difiere del "#" que referencia un id... el segundo debe ser único...

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #3 (permalink)  
Antiguo 24/06/2013, 05:38
Avatar de madman_18  
Fecha de Ingreso: agosto-2010
Mensajes: 792
Antigüedad: 14 años, 3 meses
Puntos: 14
Respuesta: Que significa el punto? Ejem: p.box{}

Así están haciendo referencia (si no estoy muy confundido), a cualquier contenido <p></p> que sea de la clase "box", tal como te indica caricatos.

Suelen usarse las clases para aplicar estilos de forma genérica (contenido HTML que vas a repetir o lo que sea) y ya se usaría el id (#) para elementos que van a ser únicos
__________________
"Si consigues ser algo más que un hombre, si te entregas a un ideal, te convertes en algo muy diferente"
  #4 (permalink)  
Antiguo 24/06/2013, 06:15
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.489
Antigüedad: 22 años, 3 meses
Puntos: 2114
Respuesta: Que significa el punto? Ejem: p.box{}

Yo tengo la manía de indicar siempre qué elementos estoy usando, que luego, al menos a mi, el CSS se queda todo más clarito.

Código CSS:
Ver original
  1. p.azul
  2. a#logo
  3. nav#global ul
etc…
  #5 (permalink)  
Antiguo 24/06/2013, 18:34
 
Fecha de Ingreso: junio-2013
Mensajes: 2
Antigüedad: 11 años, 4 meses
Puntos: 0
Respuesta: Que significa el punto? Ejem: p.box{}

yo para no confundirme suelo "traducir"

elemento.nombreclase = elemento con clase nombreclase
elemento#nombreid = elemento con id nombreid

En este segundo caso,como los ids deben ser unicos,sería equivalente a escribir #nombreid, puesto que ningun otro elemento tendra ese nombre de id.

En el primer caso, al poder disponer de muchos elementos con el "nombreclase", el emplear elemento.nombreclase, te permite aplicar propiedades particulares solo a ciertos elementos, en tu ejemplo, los parrafos con esa clase.

Etiquetas: punto, selectores
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 06:30.