{"id":363,"date":"2016-11-22T15:36:06","date_gmt":"2016-11-22T17:36:06","guid":{"rendered":"https:\/\/www.origamid.com\/codex\/?p=363"},"modified":"2016-11-22T15:48:41","modified_gmt":"2016-11-22T17:48:41","slug":"seletores-css-descendente-direto-vs-descendente","status":"publish","type":"post","link":"https:\/\/www.origamid.com\/codex\/seletores-css-descendente-direto-vs-descendente\/","title":{"rendered":"Seletores CSS &#8211; Descendente direto vs descendente"},"content":{"rendered":"<img decoding=\"async\" src=\"https:\/\/www.origamid.com\/codex\/wp-content\/uploads\/2016\/11\/seletores-descendant.png\" alt=\"Seletores CSS - Descendente direto vs descendente\" \/>\n<p>A diferen\u00e7a entre selecionar os descendentes diretos e os descendentes \u00e9 bem simples.<\/p>\n<pre><code class=\"language-css\">\n\/* Seleciona apenas as tags p\nque est\u00e3o dentro das tags div.\nSele\u00e7\u00e3o de descendente direto. *\/\ndiv > p {\n\n}\n\n\/* Seleciona todas as tags p\ndentro das tags div.\nSele\u00e7\u00e3o de descendente. *\/\ndiv p {\n\n}\n<\/code><\/pre>\n<p>Dizem que a sele\u00e7\u00e3o de descendentes diretos \u00e9 mais r\u00e1pida do que a de descendentes. Por\u00e9m eu afirmo que a diferen\u00e7a de velocidade certamente ser\u00e1 impercept\u00edvel em 95% dos projetos que voc\u00ea criar. Ent\u00e3o n\u00e3o se preocupe muito com a quest\u00e3o de performance, mas sim com os itens que deseja realmente selecionar.<\/p>\n<p>Veja no exemplo abaixo:<\/p>\n<p data-height=\"410\" data-theme-id=\"24256\" data-slug-hash=\"zowqrq\" data-default-tab=\"html,result\" data-user=\"origamid\" data-embed-version=\"2\" data-pen-title=\"seletor-descendente-direto\" class=\"codepen\">See the Pen <a href=\"http:\/\/codepen.io\/origamid\/pen\/zowqrq\/\">seletor-descendente-direto<\/a> by Andre  Origamid (<a href=\"http:\/\/codepen.io\/origamid\">@origamid<\/a>) on <a href=\"http:\/\/codepen.io\">CodePen<\/a>.<\/p>\n<p><script async src=\"https:\/\/production-assets.codepen.io\/assets\/embed\/ei.js\"><\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>A diferen\u00e7a entre selecionar os descendentes diretos e os descendentes \u00e9 bem simples. \/* Seleciona apenas as tags p que est\u00e3o dentro das tags div. Sele\u00e7\u00e3o de descendente direto. *\/ div > p { } \/* Seleciona todas as tags p dentro das tags div. Sele\u00e7\u00e3o de descendente. *\/ div p { } Dizem que [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[2],"tags":[],"acf":[],"_links":{"self":[{"href":"https:\/\/www.origamid.com\/codex\/wp-json\/wp\/v2\/posts\/363"}],"collection":[{"href":"https:\/\/www.origamid.com\/codex\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.origamid.com\/codex\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.origamid.com\/codex\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.origamid.com\/codex\/wp-json\/wp\/v2\/comments?post=363"}],"version-history":[{"count":5,"href":"https:\/\/www.origamid.com\/codex\/wp-json\/wp\/v2\/posts\/363\/revisions"}],"predecessor-version":[{"id":369,"href":"https:\/\/www.origamid.com\/codex\/wp-json\/wp\/v2\/posts\/363\/revisions\/369"}],"wp:attachment":[{"href":"https:\/\/www.origamid.com\/codex\/wp-json\/wp\/v2\/media?parent=363"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.origamid.com\/codex\/wp-json\/wp\/v2\/categories?post=363"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.origamid.com\/codex\/wp-json\/wp\/v2\/tags?post=363"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}