{"action":"closed","issue":{"url":"https://api.github.com/repos/chrsmith/zen-coding/issues/235","labels_url":"https://api.github.com/repos/chrsmith/zen-coding/issues/235/labels{/name}","comments_url":"https://api.github.com/repos/chrsmith/zen-coding/issues/235/comments","events_url":"https://api.github.com/repos/chrsmith/zen-coding/issues/235/events","html_url":"https://github.com/chrsmith/zen-coding/issues/235","id":58998030,"number":235,"title":"Feature request: create corresponding CSS rule for html code","user":{"login":"GoogleCodeExporter","id":9614759,"avatar_url":"https://avatars.githubusercontent.com/u/9614759?v=3","gravatar_id":"","url":"https://api.github.com/users/GoogleCodeExporter","html_url":"https://github.com/GoogleCodeExporter","followers_url":"https://api.github.com/users/GoogleCodeExporter/followers","following_url":"https://api.github.com/users/GoogleCodeExporter/following{/other_user}","gists_url":"https://api.github.com/users/GoogleCodeExporter/gists{/gist_id}","starred_url":"https://api.github.com/users/GoogleCodeExporter/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/GoogleCodeExporter/subscriptions","organizations_url":"https://api.github.com/users/GoogleCodeExporter/orgs","repos_url":"https://api.github.com/users/GoogleCodeExporter/repos","events_url":"https://api.github.com/users/GoogleCodeExporter/events{/privacy}","received_events_url":"https://api.github.com/users/GoogleCodeExporter/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/chrsmith/zen-coding/labels/auto-migrated","name":"auto-migrated","color":"ededed"},{"url":"https://api.github.com/repos/chrsmith/zen-coding/labels/Priority-Medium","name":"Priority-Medium","color":"ededed"},{"url":"https://api.github.com/repos/chrsmith/zen-coding/labels/Type-Defect","name":"Type-Defect","color":"ededed"}],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":0,"created_at":"2015-02-26T00:45:58Z","updated_at":"2015-02-26T00:45:58Z","closed_at":"2015-02-26T00:45:58Z","body":"```\nProvide an option/switch that automatically create corresponding CSS code for a \ntag, or group of tags.\n\nFor example let us say that 'option/switch is '[+css]'. \n\nWith the following code: \ndiv#wrapper[+css]>(div#header+div#body+div#footer)[+css]+p.comment[+css] \n\nNot only will this create the HTML tags, but also the corresponding CSS tags \n(this is probably easiest inside a stylesheet inside the HEAD tag for that \ndocument).\n\nSo this then becomes:\n\n<style type=\"text/css\">\n\n#wrapper {\n\n}\n\n\t#header {\n\n\t}\n\n\t#body {\n\n\t}\n\n\n\t#footer {\n\n\t}\n\np.comment {\n\n}\n\n</style>\n\n<div id=\"wrapper\">\n\t<div id=\"header\"></div>\n\t<div id=\"body\"></div>\n\t<div id=\"footer\"></div>\n\t<p class=\"comment\"></p>\n</div>\n\n\nThe big advantage here is that you can create your code AND the corresponding \nstyle rules at the same time.\n\n\n\n\n```\n\n-----\nOriginal issue reported on code.google.com by `wouter....@gmail.com` on 7 Jan 2011 at 9:34\n* Merged into: #209"}}