Duda CSS principiante

[MicroHack]

Hola, recien estoy con tutoriales de html y css basicos para entrar en materia y estoy practicando con un template que me he bajado de html/css :)

Una duda que tengo que no encuentro la respuesta es:

Cuando veo utilizar una clase css para alguna etiqueta html:

1. ¿Como saber a cual de los archivos css esta haciendo referencia si hubiera más de un .css en la web?
2. Y si la clase o id esta repetida en varios archivos con diferentes declaraciones?
3. Me han dicho que con el inspector de elementos del navegador (Chrome en mi caso) pero alguien me podría ser más especifico?

P.D: Hago esta pregunta dado que estoy practicando sobre un template.

[MaNuX0218]

1- Ya que es un template no creado por ti, toca buscar el archivo sobre la clase que quieres editar.

2- Clase es posible que se repitan segun para su proposito, pero dudo que el id lo encuentres repetido (ya que no es recomendable).

3- Para abrir el inspector de elementos, selecciona con el mouse un texto, una imagen o lo que quieras inspeccionar y después haz clic derecho y selecciona "inspeccionar elemento" y veras el código seleccionado e incluso puedes realizar modificaciones para ver el resultado.

Un saludo.

[MicroHack]

Iniciado por MaNuX0218

1- Ya que es un template no creado por ti, toca buscar el archivo sobre la clase que quieres editar.

2- Clase es posible que se repitan segun para su proposito, pero dudo que el id lo encuentres repetido (ya que no es recomendable).

3- Para abrir el inspector de elementos, selecciona con el mouse un texto, una imagen o lo que quieras inspeccionar y después haz clic derecho y selecciona "inspeccionar elemento" y veras el código seleccionado e incluso puedes realizar modificaciones para ver el resultado.

Un saludo.

1- Pero digo yo...¿tendrá que haber alguna tecnica rapida para averiguar donde tocar cuando tienes digamos 10 archivos css?

2 - Y porque la gente repite las clases? porque no ponerle otro nombre y ahorrarse problemas de coincidencias? Como sabe un archivo HTML a que archivo CSS debe recurrir cuando le declare una clase CSS a un elemento?

3- Con la pregunta que hacia en este punto me referia más a "como" usarlo, conozco como iniciar el inspector, simplemente veo demasiadas opciones.

P.D: Y perdon por preguntar tantas chorradas, simplemente estoy en pleno aprendizaje y como me gusta adelantarme en temarios voy dando palos de ciego :D Gracias

[ArturoGallegos]

1.- usa la consola de depuración, en firefox, chrome e IE solo presiona F12 y se abrirá.
--- no preguntes como usarla, experimenta tu mismo y aprende.

2.- las repite porque son la mejor forma de ahorrar trabajo... son simples selectores que pueden aplicar a uno o a todos los elementos, solo definelos bien.

Código CSS:

.demo{...}/* estilos en común para todos */
a.demo{...}/* estilos que solo aplican a los enlaces, ahorrándose el tiempo de edición de los estilos que tiene en comun con otros elementos */
 

3.- como ya te dije, experimenta que no muerde ni corres riesgo de joder el trabajo, no querrás que te digamos que y para que sirve cada cosa, también le puedes preguntar a google si tanta falta hace.

[MicroHack]

Iniciado por ArturoGallegos

1.- usa la consola de depuración, en firefox, chrome e IE solo presiona F12 y se abrirá.
--- no preguntes como usarla, experimenta tu mismo y aprende.

2.- las repite porque son la mejor forma de ahorrar trabajo... son simples selectores que pueden aplicar a uno o a todos los elementos, solo definelos bien.

Código CSS:

.demo{...}/* estilos en común para todos */
a.demo{...}/* estilos que solo aplican a los enlaces, ahorrándose el tiempo de edición de los estilos que tiene en comun con otros elementos */
 

3.- como ya te dije, experimenta que no muerde ni corres riesgo de joder el trabajo, no querrás que te digamos que y para que sirve cada cosa, también le puedes preguntar a google si tanta falta hace.

La consola de depuración para que? Si solo es para temas de Javascript ¿no? Mi web es todo HTML/CSS

[ArturoGallegos]

Puedo pasarme un rato tratando de explicarte que es, como funciona, como utilizarla y de mas.

Pero francamente prefiero dejar que intentes y fracases tantas veces necesites, yo ya te dije por donde buscar es tu elección si lo pruebas o no.

Suerte!