CSS Masking: clipPath on g element and child svg A clipPath element on a g element and it's child element should clip the child first, then the group with it's content. You should see a green square.