Como adicionar! Importante quando você está usando o método css em jQuery

By admin On outubro 27, 2011 · Leave a Comment

A maioria dos desenvolvedores poderia ter enfrentado esta situação onde precisa adicionar ! importante enquanto estiver usando css método em jQuery. Principalmente, precisamos evitar o uso de ! Importante em nossas folhas de estilo CSS, mas em algumas situações somos obrigados a usar o mesmo. Por exemplo: quando queremos mudar o tamanho da fonte dos elementos de sub sob um elemento pai por causa de alguma herança o tamanho da fonte não pode mudar, nestes cenários – a maioria dos desenvolvedores de aplicar força importante! como uma simples forma de contornar.

Se você quiser adicionar ! importante dinamicamente durante o uso css método, então aqui é a maneira de fazê-lo.

1
$ (“# AddImportant”) css (“cssText”, “font-size: 15 importantes;”).;

Quando acrescentamos a linha acima em sua página, ele irá renderizar como abaixo, assumindo que ele tem sido aplicado a uma div de id chamado ‘addImportant’:

O trecho acima me ajudou a resolver uma das tarefas que eu preciso para ser concluída, e espero que isso possa ajudá-lo a alguma situação.

Posts mais Comentados Bookmark: 50 + aplicações jQuery deslumbrante Código Snippet para Tabs Simples Ajax com estilos CSS fresco ERROR: Apache serviço não começou [-1], XAMPP SERVIDOR Slide bastante impressionante Shows desenvolvido utilizando jQuery, Ajax, Prototype.js, Ext.js, Lightbox JS, Mootools, YUI Menu SlideIn Floating com o Link Anchor usando jQuery 10 estilos diferentes de Acordeões (Usando Ajax, JavaScript, DHTML) Mais Útil Firefox add-ons para o Desenvolvimento Web Bookmark Script simples utilizando jQuery </a><A title = "Nós da Equipe venceu em Truveo Concurso Developer Challenge - TechVideoBytes" rel = "nofollow" class = "exlnk" target = "_blank"> Nós da Equipe venceu em Truveo Concurso Developer Challenge – TechVideoBytes </a> <div> Escrito por <a href="http://www.developersnippets.com/2009/04/25/floating-slidein-menu-with-anchor-link-using-jquery/"> devblogzone </a> <br /> Eu sou um Blogger, assim como um desenvolvedor de JavaScript bom. Eu moro em Hyderabad, Índia. DeveloperSnippets é a zona onde os desenvolvedores podem aprender e compartilhar </p> </p></div> </div> <div class="clear"></div> </div> <div class="tags"> Tagged with: <a href="http://conteudofresco.com/tag/adicionar/" rel="tag">adicionar</a> • <a href="http://conteudofresco.com/tag/como/" rel="tag">Como</a> • <a href="http://conteudofresco.com/tag/esta/" rel="tag">esta</a> • <a href="http://conteudofresco.com/tag/importante/" rel="tag">importante</a> • <a href="http://conteudofresco.com/tag/jquery-2/" rel="tag">jQuery</a> • <a href="http://conteudofresco.com/tag/metodo/" rel="tag">método</a> • <a href="http://conteudofresco.com/tag/quando/" rel="tag">Quando</a> • <a href="http://conteudofresco.com/tag/usando/" rel="tag">Usando</a> • <a href="http://conteudofresco.com/tag/voce/" rel="tag">Você</a><br /> </div> </div> </div> <div class="clear"></div> </div> </div> <div id="sharebar" class="copy fix"> <div class="copy-pad"> <div class="post-footer"> <div class="left"> If you enjoyed this article, please consider sharing it! </div> <div class="right"> <a href="http://reddit.com/submit?phase=2&url=http://conteudofresco.com/como-adicionar-importante-quando-voce-esta-usando-o-metodo-css-em-jquery-2/&title=Como+adicionar%21+Importante+quando+voc%C3%AA+est%C3%A1+usando+o+m%C3%A9todo+css+em+jQuery" title="Share on Reddit" rel="nofollow" target="_blank"><img src="http://conteudofresco.com/wp-content/themes/PAGELINES/platformpro/images/ico-reddit.png" alt="Reddit" /></a> <a href="http://www.facebook.com/sharer.php?u=http://conteudofresco.com/como-adicionar-importante-quando-voce-esta-usando-o-metodo-css-em-jquery-2/&t=Como+adicionar%21+Importante+quando+voc%C3%AA+est%C3%A1+usando+o+m%C3%A9todo+css+em+jQuery" title="Share on Facebook" rel="nofollow" target="_blank"><img src="http://conteudofresco.com/wp-content/themes/PAGELINES/platformpro/images/ico-facebook.png" alt="Facebook" /></a> <a href="http://twitter.com/home?status=http://tinyurl.com/3tob98b" title="Share on Twitter" rel="nofollow" target="_blank"><img src="http://conteudofresco.com/wp-content/themes/PAGELINES/platformpro/images/ico-twitter.png" alt="Twitter" /></a> <a href="http://del.icio.us/post?url=http://conteudofresco.com/como-adicionar-importante-quando-voce-esta-usando-o-metodo-css-em-jquery-2/&title=Como+adicionar%21+Importante+quando+voc%C3%AA+est%C3%A1+usando+o+m%C3%A9todo+css+em+jQuery" title="Share on Delicious" rel="nofollow" target="_blank"><img src="http://conteudofresco.com/wp-content/themes/PAGELINES/platformpro/images/ico-del.png" alt="Delicious" /></a> </div> <div class="clear"></div> </div> <div class="clear"></div> </div> </div> <div id="pl_comments" class="copy fix"> <div class="copy-pad"> <div id="comments"> <p class="nocomments">Comments are closed.</p> </div> <div class="clear"></div> </div> </div> <div id="pagination" class="copy fix"> <div class="copy-pad"> <div class="clear"></div> </div> </div> </div> </div> </div> <div id="sidebar-wrap" class="fix"> <div id="sidebar1" class="scolumn fix" > <div class="scolumn-pad"> <div id="sidebar_primary" class="copy fix"> <div class="copy-pad"> <ul id="list_sidebar_primary" class="sidebar_widgets fix"> <li id="text-3" class="widget_text widget fix"><div class="widget-pad"> <div class="textwidget"><script type="text/javascript"> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script></div> </div></li><li id="text-4" class="widget_text widget fix"><div class="widget-pad"> <div class="textwidget"><script type="text/javascript"> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script></div> </div></li> </ul> <div class="clear"></div> </div> </div> </div> </div> </div> </div> <div class="clear"></div> </div> </div> </div> </div> </div>  <div id="morefoot_area"><div id="morefoot" class="container fix"> <div class="texture"> <div class="content"> <div class="content-pad"> <div class="morefoot_back fix"> <div id="morefootbg" class=" fix"> <div class="dcol_container_3"> <div class="dcol_3 dcol wcontain fix"> <div class="dcol-pad"> <div class="widget"> <h3 class="widget-title">Looking for something?</h3> <p>Use the form below to search the site:</p> <form method="get" class="searchform" action="http://conteudofresco.com/" onsubmit="this.submit();return false;"> <fieldset> <input type="text" value="Search" name="s" class="searchfield" onfocus="if (this.value == 'Search') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Search';}" /> <input type="image" class="submit btn" name="submit" src="http://conteudofresco.com/wp-content/themes/PAGELINES/platformpro/images/search-btn.png" alt="Go" /> </fieldset> </form> <br class="clear"/> <p>Still not finding what you're looking for? Drop a comment on a post or contact us so we can take care of it!</p> </div> </div> </div> <div class="dcol_3 dcol wcontain"> <div class="dcol-pad"> <div class="widget"> <h3 class="widget-title">Visit our friends!</h3><p>A few highly recommended friends...</p><ul><li><a href="http://codex.wordpress.org/">Documentation</a></li> <li><a href="http://wordpress.org/extend/plugins/">Plugins</a></li> <li><a href="http://wordpress.org/extend/ideas/">Suggest Ideas</a></li> <li><a href="http://wordpress.org/support/">Support Forum</a></li> <li><a href="http://wordpress.org/extend/themes/">Themes</a></li> <li><a href="http://wordpress.org/news/">WordPress Blog</a></li> <li><a href="http://planet.wordpress.org/">WordPress Planet</a></li> </ul> </div> </div> </div> <div class="dcol_3 lastcol dcol wcontain"> <div class="dcol-pad"> <div class="widget"> <h3 class="widget-title">Archives</h3><p>All entries, chronologically...</p><ul> <li><a href='http://conteudofresco.com/2012/02/' title='fevereiro 2012'>fevereiro 2012</a></li> <li><a href='http://conteudofresco.com/2012/01/' title='janeiro 2012'>janeiro 2012</a></li> <li><a href='http://conteudofresco.com/2011/12/' title='dezembro 2011'>dezembro 2011</a></li> <li><a href='http://conteudofresco.com/2011/11/' title='novembro 2011'>novembro 2011</a></li> <li><a href='http://conteudofresco.com/2011/10/' title='outubro 2011'>outubro 2011</a></li> <li><a href='http://conteudofresco.com/2011/09/' title='setembro 2011'>setembro 2011</a></li> <li><a href='http://conteudofresco.com/2011/08/' title='agosto 2011'>agosto 2011</a></li> <li><a href='http://conteudofresco.com/2011/07/' title='julho 2011'>julho 2011</a></li> <li><a href='http://conteudofresco.com/2011/06/' title='junho 2011'>junho 2011</a></li> </ul> </div> </div> </div> </div> </div> </div> <div class="clear"></div> </div> </div> </div> </div> <div id="twitterbar" class="container fix"> <div class="texture"> <div class="content"> <div class="content-pad"> <div class="tbubble"> Set your Twitter account name in your settings to use the TwitterBar Section. </div> <div class="clear"></div> </div> </div> </div> </div> </div> <div class="clear"></div> </div>  </div>  </div>  <div id="footer"> <div class="outline fix"><div id="footcols" class="container fix"> <div class="texture"> <div class="content"> <div class="content-pad"> <div id="fcolumns_container" class="dcol_container_5 fix"> <div class="dcol_5 dcol"> <div class="dcol-pad"> <a class="home" href="http://conteudofresco.com" title="Home"> <img src="http://conteudofresco.com/wp-content/themes/PAGELINES/platformpro/images/logo-platformpro-small.png" alt="Como fazer? Aprenda…" /> </a> </div> </div> <div class="dcol_5 dcol"> <div class="dcol-pad"> <h3 class="widget-title">Pages</h3> <div class="footer-links list-links"><ul><li class="page_item page-item-2"><a href="http://conteudofresco.com/envie-seu-artigo/" title="Envie o seu artigo e nós publicamos!">Envie o seu artigo e nós publicamos!</a></li></ul></div> </div> </div> <div class="dcol_5 dcol"> <div class="dcol-pad"> <h3 class="widget-title">The Latest</h3> <ul class="latest_posts"> <li class="list-item fix"> <div class="list_item_text"> <h5><a class="list_text_link" href="http://conteudofresco.com/o-que-voce-quer-dizer-com-alojamento-de-aplicacoes-confiaveis/"><span class="list-title">O que você quer dizer com alojamento de aplicações confiáveis?</span></a></h5> <div class="list-excerpt">[Translate] Pergunta por : O que você quer dizer com alojamento […]</div> </div> </li> </ul> </div> </div> <div class="dcol_5 dcol"> <div class="dcol-pad"> <h3 class="widget-title">More</h3> <div class="findent footer-more"> Thanks for dropping by! Feel free to join the discussion by leaving comments, and stay updated by subscribing to the <a href='http://conteudofresco.com/?feed=rss2'>RSS feed</a>. </div> </div> </div> <div class="dcol_5 dcol"> <div class="dcol-pad"> <div class="findent terms"> © 2011 Conteudo Fresco </div> </div> </div> </div> <div class="clear"></div> <div class="clear"></div> </div> </div> </div> </div> </div> </div> </div> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-24688822-2']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script><div id="translate_popup" style="display: none;"> <table class="translate_links"><tr><td valign="top"> <a class="languagelink" lang="en" xml:lang="en" href="#" title="English"><img class="translate_flag en" src="http://conteudofresco.com/wp-content/plugins/google-ajax-translation/transparent.gif" alt="English" width="16" height="11" /> English</a> <a class="languagelink" lang="es" xml:lang="es" href="#" title="Spanish"><img class="translate_flag es" src="http://conteudofresco.com/wp-content/plugins/google-ajax-translation/transparent.gif" alt="español" width="16" height="11" /> español</a> </td><td valign="top"> <a class="languagelink" lang="pt" xml:lang="pt" href="#" title="Portuguese"><img class="translate_flag pt" src="http://conteudofresco.com/wp-content/plugins/google-ajax-translation/transparent.gif" alt="português" width="16" height="11" /> português</a> <a class="google_branding" rel="nofollow" href="http://translate.google.com/translate?sl=auto&tl=en&u=conteudofresco.com/como-adicionar-importante-quando-voce-esta-usando-o-metodo-css-em-jquery-2/" title="translate page">powered by<img src="http://www.google.com/uds/css/small-logo.png" alt="Google" title="" width="51" height="15" /></a> </td></tr></table> </div> <script type='text/javascript' src='http://conteudofresco.com/wp-content/plugins/google-ajax-translation/jquery.translate-1.4.1.min.js?ver=1.4.1'></script> <script type='text/javascript' src='http://conteudofresco.com/wp-content/themes/PAGELINES/platformpro/sections/nav/superfish.js?ver=1.0'></script> <script type='text/javascript' src='http://conteudofresco.com/wp-content/themes/PAGELINES/platformpro/sections/nav/jquery.bgiframe.min.js?ver=1.0'></script> </body> </html>