CSS Masking: Two different clipPaths on g element and child svg A clipPath element on a child and a differnt clipPath element on g element should clip their targets independent of each other but the child first. You should see a green square.