{"id":18445,"date":"2013-07-03T02:06:09","date_gmt":"2013-07-03T00:06:09","guid":{"rendered":"https:\/\/mamchenkov.net\/wordpress\/?p=18445"},"modified":"2013-07-03T02:06:09","modified_gmt":"2013-07-03T00:06:09","slug":"child-and-sibling-selectors-in-css","status":"publish","type":"post","link":"https:\/\/mamchenkov.net\/wordpress\/2013\/07\/03\/child-and-sibling-selectors-in-css\/","title":{"rendered":"Child and Sibling Selectors in CSS"},"content":{"rendered":"<!-- google_ad_section_start -->\n<p>Do you know what is the difference between these two?<\/p>\n<pre class=\"brush: css; title: ; notranslate\" title=\"\">\r\nul li { margin: 0 0 5px 0; }\r\nul &gt; li { margin: 0 0 5px 0; }\r\n<\/pre>\n<p>If not, you should read <a href=\"http:\/\/css-tricks.com\/child-and-sibling-selectors\/\">this article<\/a>. Very simple and straightforward explanation of a few CSS selectors.<\/p>\n<!-- google_ad_section_end -->\n","protected":false},"excerpt":{"rendered":"<!-- google_ad_section_start -->\n<p>Do you know what is the difference between these two? ul li { margin: 0 0 5px 0; } ul &gt; li { margin: 0 0 5px 0; } If not, you should read this article. Very simple and straightforward explanation of a few CSS selectors.<\/p>\n<!-- google_ad_section_end -->\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"_links_to":"","_links_to_target":""},"categories":[1,62,1334],"tags":[1517,1157],"keyring_services":[],"class_list":["post-18445","post","type-post","status-publish","format-standard","hentry","category-general","category-technology","category-web-work","tag-css","tag-web-design"],"aioseo_notices":[],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack-related-posts":[{"id":25971,"url":"https:\/\/mamchenkov.net\/wordpress\/2016\/03\/24\/wordpress-plugin-typecase-web-fonts\/","url_meta":{"origin":18445,"position":0},"title":"WordPress Plugin : Typecase Web Fonts","author":"Leonid Mamchenkov","date":"March 24, 2016","format":false,"excerpt":"Disclaimer: I'm not much of a fonts guy, but once in a while I just want to be. I was reading the \"Best Practices for Designing a Pragmatic RESTful API\" article, when I realized I liked the font it was written in very much. \u00a0I liked it so much that\u2026","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":42617,"url":"https:\/\/mamchenkov.net\/wordpress\/2019\/05\/14\/cssfx-beautifully-simple-click-to-copy-css-effects\/","url_meta":{"origin":18445,"position":1},"title":"CSSFX &#8211; beautifully simple click-to-copy CSS effects","author":"Leonid Mamchenkov","date":"May 14, 2019","format":false,"excerpt":"CSSFX is a collection of CSS effects with previews and very simple implementation instructions. Just click on the effect demo that you like, and a popup with HTML and CSS code snippets will appear, ready to be used on your site. There's also a GitHub repository, if you prefer it\u2026","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2019\/05\/cssfx.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2019\/05\/cssfx.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2019\/05\/cssfx.png?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2019\/05\/cssfx.png?resize=700%2C400&ssl=1 2x, https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2019\/05\/cssfx.png?resize=1050%2C600&ssl=1 3x"},"classes":[]},{"id":12285,"url":"https:\/\/mamchenkov.net\/wordpress\/2010\/03\/21\/blueprint-css-framework-does-it-work-or-not\/","url_meta":{"origin":18445,"position":2},"title":"Blueprint CSS framework : does it work?  Or not?","author":"Leonid Mamchenkov","date":"March 21, 2010","format":false,"excerpt":"Chris has an interesting example of Blueprint CSS framework not working. The code looks like it should work, but it doesn't. And since it was me who recommended Blueprint CSS to him, I felt like I had to understand what's going on. Or at least find a working solution. First,\u2026","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":21876,"url":"https:\/\/mamchenkov.net\/wordpress\/2014\/05\/29\/pho-devstack-1-0-automated-workflow-for-front-end-developers-in-one-tasty-bowl-of-code\/","url_meta":{"origin":18445,"position":3},"title":"PH\u1ede DEVSTACK 1.0 &#8211; automated workflow for front-end developers in one tasty bowl of code","author":"Leonid Mamchenkov","date":"May 29, 2014","format":"link","excerpt":"PH\u1ede DEVSTACK 1.0 - automated workflow for front-end developers in one tasty bowl of code. Features: Yeoman generator Livereload (without refresh for CSS) LESS stylesheets compilation HTML, JavaScript and CSS minification Advanced image handling (base64 inlining, image optimization, sprite generation) Browserify JavaScript modules Linting JavaScript Running unit and end to\u2026","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":23591,"url":"https:\/\/mamchenkov.net\/wordpress\/2015\/02\/24\/css-puns-css-jokes\/","url_meta":{"origin":18445,"position":4},"title":"CSS Puns &#038; CSS Jokes","author":"Leonid Mamchenkov","date":"February 24, 2015","format":"link","excerpt":"CSS Puns & CSS Jokes - these have been circulating around for a bit, so I thought I'd add the link to my archives too.","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"css puns","src":"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2015\/02\/css-puns-500x229.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":23815,"url":"https:\/\/mamchenkov.net\/wordpress\/2015\/04\/06\/css-dig-analyze-your-css-in-a-new-way\/","url_meta":{"origin":18445,"position":5},"title":"CSS Dig &#8211; Analyze your CSS in a new way","author":"Leonid Mamchenkov","date":"April 6, 2015","format":"link","excerpt":"CSS Dig - Analyze your CSS in a new way (Google Chrome extension)","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"jetpack_sharing_enabled":true,"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/posts\/18445","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/comments?post=18445"}],"version-history":[{"count":0,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/posts\/18445\/revisions"}],"wp:attachment":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/media?parent=18445"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/categories?post=18445"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/tags?post=18445"},{"taxonomy":"keyring_services","embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/keyring_services?post=18445"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}