CSS vs ID clase

En cuanto a selectores de clase vs id selectores:

cuando se crea una caja con CSS es más apropiado para escribir que, como ID o como una clase? Por ejemplo, digamos que usted tiene una caja de navegación que es 200px de 100px a la izquierda de la pantalla, sólo se utilizan para su navegación por el sitio. En caso de que la casilla que ser escrito como una clase o un ID? O, ¿es realmente importante en todo esto?

Mark

Ive decidió que ID y la clase debe ser utilizado para la organización.

Supongamos que tiene cuatro mesas que todos quieren tener parece casi identicle, excepto la fuente, pero en lugar de copiar y pegar tres veces CSS, usted puede usar identificadores de este modo:



De esa manera usted puede cambiar el aspecto de menor importancia, sin tener que tener tres veces más CSS.

Una ID es utilizado habitualmente para un solo contenedor instanced / objeto, mientras que una clase se aplica a muchos objetos.



i pensar.

Eso es exactamente la derecha.

Id = un ejemplo
Class = varias instancias

por lo tanto, los términos,
ID = un estudiante.
Class = muchos estudiantes.

ahora bien, que no es inteligente! i nunca hubiera hecho ese sentido, pero sí tiene sentido ahora.

lo que define una sola instancia? ¿Se trata de un ejemplo único por sitio o única instancia por página?

Mark

Por página.

A mí tampoco lol, este tema me hizo pensar en que
En realidad, yo por lo general su uso en clase de estilos y de ID como referencia de Javascript, por ejemplo:
(i know i nota olvidó algunas cosas)

Puede seguir utilizando la ID CSSing luego una vez más correcta? como tener dos etiquetas con un ID de 5, a pesar de que ya no es lo que se entiende por estoy seguro de que puede ser utilizado de esa manera.


Creo que en la Mente de las propiedades CSS probablemente van como esto:

Etiqueta
Clase
ID
Inline


Malos comprobar más tarde W3C...Quieres ir a jugar a algunos xbox y hacer un generador de Van deGraaff

im seguro de que funcionaría, pero no creo que usted se supone que. Me pregunto si sería validar a usar un ID más de una vez?

Mark

W3C dice exactamente lo que hemos dicho, ID debe ser único, que no significa que no funcionará, pero no será con las normas.

http://www.w3.org/TR/REC-html40/struct/ ... -and-class

He probado sólo para ver lo que sucedería, y trabaja con CSS, pero el documento no validar si un identificador se usa más de una vez dentro de ese documento. En otras palabras, el estilo de información es válida, pero el html que contenga los múltiples casos de la misma id no lo es.

Otro potencial problema es que no funcionar adecuadamente si se utiliza JavaScript para acceder a los elementos mencionados por el mismo id. Si hay más de una única instancia, sólo la primera instancia se utilizarán y los demás serán ignorados (por lo menos en IE6, 1,5 Moz y Opera 7).

Yo uso la clase en general con el CSS, ya que lo desea, puede aplicarla a otro elemento dentro de un mismo documento en otro momento, y la identificación con elementos únicos que quiero acceder a través de código. La excepción para mí ha estado usando CSS para el diseño, es algo que estoy aprendiendo. He empezado a utilizar con css id para los elementos que son únicos dentro de un documento por su propia naturaleza (es decir, una columna como "mainContent").

No sería mala práctica de programación utilizar el mismo identificador de más de una vez en un documento porque, por definición, se supone que debe referirse a una única instancia. Usted también puede decidir que el acceso a través de código de identificación en otro momento y obtener resultados inesperados. Si nos atenemos a las normas entonces puede usar el validador del W3C para detectar errores en su código, que creo que es extremadamente útil.

Me evitar el uso de ambos tanto como pueda.
Utilice la cascada!

atención a elaborar para aquellos de nosotros que son n00bs a CSS?

Mark

por supuesto (aunque Im un n00b también)!

La idea es utilizar el seclector parte fuera de cada regla CSS en su máximo potencial...
Por ejemplo, si todos los vínculos deben ser de color azul sobre fondo blanco en el cuerpo de su sitio, pero en blanco sobre fondo azul en el menú de navegación, la mayoría de n00bs (y creo que la mayoría de los editores WYSIWYG) usaría añadir class = "..." CADA enlace en la sección de NAV, pero si usted puede identificar la sección de navegación luego se establecen normas de cualquier elemento que está dentro de la sección de navegación , Y así en el código HTML los enlaces de todos el mismo aspecto: