FTP | CCD | Buscar | Trucos | Trabajo | Foros |
|
Registrarse | FAQ | Miembros | Calendario | Guía de estilo | Buscar | Temas de Hoy | Marcar Foros Como Leídos |
|
Herramientas | Buscar en Tema | Desplegado |
#1
|
||||
|
||||
Simbolo # en CSS ¿Que es?
Buenos dias, buenas tardes, y/o buenas noches
He tratado de esclarecerme una duda... una duda que ya no soporto... me tiene mal. ¿Cuando, como y para que se usa el símbolo # en un CSS? He visto CSS por todos lados... muy variados. Algunos trabajan con el #, otros no... En los que he visto eso hacen algo como: Código PHP:
Código PHP:
¿En que se difiere eso de esto?: Código PHP:
Código PHP:
A mi no me queda demasiado claro el asunto. Les agradecería si alguien me pudiera explicar bien o darme alguna referencia confiable en donde se exponga el tema. Muchas gracias. |
#2
|
||||
|
||||
Espero no engañarte, pero cuando es "id", este no puede repetirse en la misma página HTML, o sea que es un identificador único para el objeto, es entonces cuando se usa el #.
Al menos yo lo uso así, xDD cuando sé que un objeto (cabecera, menú, pie de pagina, etc...) será único en mi página, y que no habrá otro con el mismo identificador, entonces en el CSS le defino como #nombre { ... }. En cambio los objetos como títulos y otros que se pueden repetir (usar varias veces en la misma pagina) en el CSS los defino como .nombre { ... } No sé si me he expresado bien, pero... espero que te sirva, xD Saludos. Última edición por xEsk fecha: 10-11-2007 a las 19:28:17. |
#3
|
||||
|
||||
Hola,
En pocas palabras... no soy el más indicado, pero, en fin. Los distintos elementos pueden especificar un "ID" y una o varias "clases". El "ID" de un elemento ha de ser único en el documento, las clases pueden "repetirse". Por ejemplo, esto es válido: Código PHP:
Código PHP:
Ahora bien, ¿para qué todo esto? Huy... Pues, por ejemplo, para dar el estilo correspondiente a los distintos elementos basándonos en sus clases y sus identificadores. Hablo de las hojas de estilo en cascada. Pero, también para trabajar con JavaScript. JavaScript puede localizar elementos "identificados" y "clasificados". E iba a seguir hablando de CSS y de "selectores" y... pero, sólo para picarte la curiosidad y que te hicieras con un buen par de libros. Realmente yo de momento estoy ahí, con identificadores y clases... comienzo a usar tímidamente algunos "selectores" muy sencillos, pero, cosas como "XPath" me pillan muy lejos. Y no digo nada, que luego todo se sabe. Espero por lo menos haberte ayudado algo. Si necesitas otra cosa, ya sabes: usa el **** google. Es broma. Se me olvidaba... pásate por SIDAR.org. Publican traducciones de especificaciones y documentación varia que puede resultarte interesante. Última edición por dec fecha: 10-11-2007 a las 19:24:54. |
#4
|
||||
|
||||
De que el ID es único eso lo tengo claro...
Entonces... cuando uno hace en un CSS algo como esto: Código PHP:
Si eso eso listo, duda evacuada. Sino a seguir quemando pestañas. Ya me pongo a ver el enlace. Muchas gracias por tomarse su tiempo, paciencia que me tienen y por aceptar estas preguntontas de mi parte. Saludos, Última edición por Delphius fecha: 10-11-2007 a las 19:39:44. |
#5
|
||||
|
||||
Hola,
[delphius] ¿Lo que hace es definir un estilo para un único identificador en particular con lo que #Estilo-unico_para_un_identificador sólo podrá ser usado UNA Y SOLA UNA VEZ? [/quote] En un mismo documento así es, sólo podrás identificar unívocamente a un determinado elemento una sóla vez... Ahora bien. Eso no quiere decir que un identificador se tenga que usar en un determinado tipo de elemento. Tú puedes escribir algo así en tu hoja de estilo: Código PHP:
Código PHP:
Pero, ¿de eso se trata no? Si quieres trabajar con varios elementos a la vez puedes usar clases: Código PHP:
Código PHP:
Código PHP:
Código PHP:
Código PHP:
|
#6
|
||||
|
||||
Hola.
Pues básicamente voy a repetir lo que ha dicho dec. He utilizado los #id, para personalizar algunos elementos. Por ejemplo: Código:
<ul> <li>Item nº1</li> <li>Item nº2</li> <li>Item nº3</li> </ul> Código:
#miLista { list-style:none; color:blue; } Código:
<ul id="miLista"> <li>Item nº1</li> <li>Item nº2</li> <li>Item nº3</li> </ul> Imaginate que la lista tendría un color de fondo en función de su contenido. Por ejemplo cuando los items son números romano, el fondo es de color verde. Código:
#miLista { list-style:none; color:blue; } #miLista.NumerosRomano { background-color:green; } Código:
<ul id="miLista"> <li>Item nº1</li> <li>Item nº2</li> <li>Item nº3</li> </ul> <br> <ul id="miLista" class="NumerosRomano"> <li>Item nºI</li> <li>Item nºII</li> <li>Item nºIII</li> <li>Item nºIV</li> </ul> Código:
.BordeAncho1pixel { border-width:1px; } Código:
<table class="BordeAncho1pixel"> ..... ---- </table> Chao. |
Herramientas | Buscar en Tema |
Desplegado | |
|
|
Temas Similares | ||||
Tema | Autor | Foro | Respuestas | Último mensaje |
Simbolo Del Sistema En Delphi??? | rob1 | Varios | 6 | 21-10-2005 08:25:28 |
Como introducir un simbolo dentro de un DBGrid? | tramjauer | Conexión con bases de datos | 1 | 22-09-2005 11:29:17 |
Mostrar simbolo del € en DBGrid | scotex | Conexión con bases de datos | 3 | 16-05-2005 20:21:15 |
Como saco un símbolo? | craven | Varios | 5 | 08-09-2003 22:00:44 |
interbase-delphi-Tgrid-simbolo del euro | Giniromero | Conexión con bases de datos | 7 | 12-06-2003 14:58:48 |
|