Comentários sobre: Aprendendo a especificidade do CSS http://project47.viscountbox.com/aprendendo-a-especificidade-do-css/ Portfolio e blog sobre Web Standards, de Carlos Eduardo de Souza Fri, 05 Aug 2011 04:54:58 +0000 hourly 1 http://wordpress.org/?v=3.2.1 Por: » Dicas para melhorar seu CSS: Parte 2 project.47 - Portfolio e blog sobre Web Standards » Arquivo do Blog http://project47.viscountbox.com/aprendendo-a-especificidade-do-css/comment-page-1/#comment-2658 » Dicas para melhorar seu CSS: Parte 2 project.47 - Portfolio e blog sobre Web Standards » Arquivo do Blog Tue, 03 Apr 2007 14:17:00 +0000 http://project47.viscountbox.com/aprendendo-a-especificidade-do-css/#comment-2658 [...] o caso da especificidade de forma mais específica neste artigo, vale a pena [...] [...] o caso da especificidade de forma mais específica neste artigo, vale a pena [...]

]]> Por: Pedro Rogério http://project47.viscountbox.com/aprendendo-a-especificidade-do-css/comment-page-1/#comment-261 Pedro Rogério Tue, 12 Sep 2006 02:04:10 +0000 http://project47.viscountbox.com/aprendendo-a-especificidade-do-css/#comment-261 Muita boa a explicação. Abraços!!! Muita boa a explicação. Abraços!!!

]]> Por: Carlos Eduardo de Souza http://project47.viscountbox.com/aprendendo-a-especificidade-do-css/comment-page-1/#comment-208 Carlos Eduardo de Souza Thu, 24 Aug 2006 15:58:50 +0000 http://project47.viscountbox.com/aprendendo-a-especificidade-do-css/#comment-208 O legal é isso, manter uma organização que vocę entenda, a fim de facilitar ao máximo a atualização do site. Respondendo ao Thalis, não precisaria do elemento mesmo, só necessitando da ID, como vocę mesmo já fez :) O legal é isso, manter uma organização que vocę entenda, a fim de facilitar ao máximo a atualização do site.

Respondendo ao Thalis, não precisaria do elemento mesmo, só necessitando da ID, como vocę mesmo já fez :)

]]> Por: Eugenio Grigolon http://project47.viscountbox.com/aprendendo-a-especificidade-do-css/comment-page-1/#comment-207 Eugenio Grigolon Thu, 24 Aug 2006 15:41:43 +0000 http://project47.viscountbox.com/aprendendo-a-especificidade-do-css/#comment-207 Ótimo post Carlos. Tive a experięncia de ensinar CSS a uma pessoa que sabia pouco sobre HTML e semântica. Até aí tudo bem, mas foi muito difícil para ela entender como funciona CSS. Nós que já usamos a muito tempo, enfrentamos um ou outro problema, mas pra quem nunca viu essa parte, não sabe o significado. E outra, ela apenas leu um artigo e pensou que CSS era a coisa mais fácil, e que logo seria um ótimo programador de CSS. Coisas assim me deixam triste, pois vocę sabe que a pessoa não tem a mínima noção de como funciona CSS, só sabe a estrutura. A respeito do seu post, aprendi pelo no CSS mesmo, estilo em cascata, ou seja, estilos em blocos. Sempre, em todos os CSS que desenvolvo, sigo a hierarquia. Se no meu XHTML possui um DIV "pai" chamado <strong>main</strong>, seguido de um DIV "filho" chamado <strong>top</strong>, e detro desse um "subfilho" chamado <strong>menu</strong>, todas as minhas declaraçőes será <strong>#main #top #menu a { }</strong> por exemplo. Isso acho que deve ter uma atenção maior, pois é isso o que significa CSS. Ótimo post Carlos. Tive a experięncia de ensinar CSS a uma pessoa que sabia pouco sobre HTML e semântica. Até aí tudo bem, mas foi muito difícil para ela entender como funciona CSS. Nós que já usamos a muito tempo, enfrentamos um ou outro problema, mas pra quem nunca viu essa parte, não sabe o significado. E outra, ela apenas leu um artigo e pensou que CSS era a coisa mais fácil, e que logo seria um ótimo programador de CSS. Coisas assim me deixam triste, pois vocę sabe que a pessoa não tem a mínima noção de como funciona CSS, só sabe a estrutura.

A respeito do seu post, aprendi pelo no CSS mesmo, estilo em cascata, ou seja, estilos em blocos. Sempre, em todos os CSS que desenvolvo, sigo a hierarquia. Se no meu XHTML possui um DIV “pai” chamado main, seguido de um DIV “filho” chamado top, e detro desse um “subfilho” chamado menu, todas as minhas declaraçőes será #main #top #menu a { } por exemplo. Isso acho que deve ter uma atenção maior, pois é isso o que significa CSS.

]]> Por: Thalis Valle http://project47.viscountbox.com/aprendendo-a-especificidade-do-css/comment-page-1/#comment-206 Thalis Valle Thu, 24 Aug 2006 15:26:02 +0000 http://project47.viscountbox.com/aprendendo-a-especificidade-do-css/#comment-206 Neste caso, pode-se ausentar a especidicação do seletor. Ex: #div li a {} Neste caso, pode-se ausentar a especidicação do seletor.

Ex: #div li a {}

]]> Por: Carlos Eduardo de Souza http://project47.viscountbox.com/aprendendo-a-especificidade-do-css/comment-page-1/#comment-205 Carlos Eduardo de Souza Thu, 24 Aug 2006 15:21:45 +0000 http://project47.viscountbox.com/aprendendo-a-especificidade-do-css/#comment-205 Outro bom exemplo (e melhor até do que utilizei no texto) é no caso de se fazer um menu com listas, o que na realidade é o certo. Então, para escrever a regra no CSS é melhor ainda: <blockquote> ul#menu li a { declaração } </blockquote> Aí fica tranqüilo :) Outro bom exemplo (e melhor até do que utilizei no texto) é no caso de se fazer um menu com listas, o que na realidade é o certo.

Então, para escrever a regra no CSS é melhor ainda:

ul#menu li a { declaração }

Aí fica tranqüilo :)

]]> Por: Jader Rubini http://project47.viscountbox.com/aprendendo-a-especificidade-do-css/comment-page-1/#comment-204 Jader Rubini Thu, 24 Aug 2006 13:38:56 +0000 http://project47.viscountbox.com/aprendendo-a-especificidade-do-css/#comment-204 Muito bom. Eu, particularmente, nunca tive problemas com isso não (acredite se quiser! :P), pois sempre fiz o uso de seletores bem especificados e, por isso, nunca tive que usar o <code>!important</code>. Aliás, acho que nem sei usá-lo corretamente :) (que vergonha). Vou aproveitar o gancho aqui e preparar um artigo sobre a sintaxe <acronym title="Cascading Style Sheets">CSS</acronym>. Tem cada coisa que a gente lę de pessoas "ensinando" <acronym title="Cascading Style Sheets">CSS</acronym> por aí que chega a dar dó. Coisas do tipo: <blockquote> "Use a <strong>tag <acronym title="Cascading Style Sheets">CSS</acronym></strong> <em>p</em>, seguida do <strong>atributo</strong> <em>line-height</em>, pra definir um espaçamento entre as linhas dos parágrafos." </blockquote> Muito bom. Eu, particularmente, nunca tive problemas com isso não (acredite se quiser! :&#80;), pois sempre fiz o uso de seletores bem especificados e, por isso, nunca tive que usar o !important. Aliás, acho que nem sei usá-lo corretamente :) (que vergonha).

Vou aproveitar o gancho aqui e preparar um artigo sobre a sintaxe CSS. Tem cada coisa que a gente lę de pessoas “ensinando” CSS por aí que chega a dar dó. Coisas do tipo:

“Use a tag CSS p, seguida do atributo line-height, pra definir um espaçamento entre as linhas dos parágrafos.”

]]>