{"action":"created","issue":{"url":"https://api.github.com/repos/yyx990803/vue/issues/737","labels_url":"https://api.github.com/repos/yyx990803/vue/issues/737/labels{/name}","comments_url":"https://api.github.com/repos/yyx990803/vue/issues/737/comments","events_url":"https://api.github.com/repos/yyx990803/vue/issues/737/events","html_url":"https://github.com/yyx990803/vue/issues/737","id":60229079,"number":737,"title":"content selector - need select only top child elements","user":{"login":"shuslav","id":7134935,"avatar_url":"https://avatars.githubusercontent.com/u/7134935?v=3","gravatar_id":"","url":"https://api.github.com/users/shuslav","html_url":"https://github.com/shuslav","followers_url":"https://api.github.com/users/shuslav/followers","following_url":"https://api.github.com/users/shuslav/following{/other_user}","gists_url":"https://api.github.com/users/shuslav/gists{/gist_id}","starred_url":"https://api.github.com/users/shuslav/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/shuslav/subscriptions","organizations_url":"https://api.github.com/users/shuslav/orgs","repos_url":"https://api.github.com/users/shuslav/repos","events_url":"https://api.github.com/users/shuslav/events{/privacy}","received_events_url":"https://api.github.com/users/shuslav/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":1,"created_at":"2015-03-07T23:04:38Z","updated_at":"2015-03-10T17:33:49Z","closed_at":null,"body":"If I place my component inside another same component, e.g.:\r\n```html\r\n    <my-comp>\r\n        <div class=\"body\">\r\n            <my-comp>\r\n                <div class=\"body\">\r\n\r\n                </div>\r\n            </my-comp>\r\n        </div>\r\n    </my-comp>\r\n```\r\nThe content selector of the outer component selects two DIVs (its own and nested component's):\r\n```html\r\n    <content select=\"div.body\"></content>\r\n```\r\nIs it possible to select 'div.body' of outer component only?\r\n"},"comment":{"url":"https://api.github.com/repos/yyx990803/vue/issues/comments/78105363","html_url":"https://github.com/yyx990803/vue/issues/737#issuecomment-78105363","issue_url":"https://api.github.com/repos/yyx990803/vue/issues/737","id":78105363,"user":{"login":"noirbizarre","id":15725,"avatar_url":"https://avatars.githubusercontent.com/u/15725?v=3","gravatar_id":"","url":"https://api.github.com/users/noirbizarre","html_url":"https://github.com/noirbizarre","followers_url":"https://api.github.com/users/noirbizarre/followers","following_url":"https://api.github.com/users/noirbizarre/following{/other_user}","gists_url":"https://api.github.com/users/noirbizarre/gists{/gist_id}","starred_url":"https://api.github.com/users/noirbizarre/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/noirbizarre/subscriptions","organizations_url":"https://api.github.com/users/noirbizarre/orgs","repos_url":"https://api.github.com/users/noirbizarre/repos","events_url":"https://api.github.com/users/noirbizarre/events{/privacy}","received_events_url":"https://api.github.com/users/noirbizarre/received_events","type":"User","site_admin":false},"created_at":"2015-03-10T17:33:49Z","updated_at":"2015-03-10T17:33:49Z","body":"I have exactly the same problem.\r\n\r\nI have some component designed to use the top child ``<footer>`` tag as a container and I had some bad surprise when I started nesting them.\r\n\r\nWriting the following select all child element, whatever deep they are.\r\n```html\r\n<content select=\"footer\"></content>\r\n```\r\n\r\nThe ``>`` css selector is not working on root and I can't write:\r\n```html\r\n<content select=\"> footer\"></content>\r\n```\r\nBut I think this can be a good way to set the restriction, because maybe some people need to select all children."}}