仅将样式应用于由样式化组件包装的className

Question

尝试将样式化组件的样式属性专门应用于具有特定className的子项。

在我的用例中，我无法添加其他样式化的组件，因为子组件实际上是第三者组件的一部分。我只能包装主要成分。

在这个特定示例中我可以使它起作用，但是如何在不知道应用哪种父样式的情况下使其通用？

谢谢。

<Parent style={{color: 'red'}}>
   <div> {/* this is representative of a 3rd party component */}
      I am not red.
      <div className={'styleMeOnly'}>
         I am red.
      </div>
   </div>
</Parent>

const Parent = styled.div`
   .styleMeOnly { 
      color: ${p=>p.style && p.style.color}; /* this works for this specific example */ 
      /* but how to make it generic for any style object? */ 
   };
`;