Reactjs 将具有特殊性级别为1的样式化组件的子元素作为目标

场景是，我有一个组件，即

，它使用底层

元素进行样式化。该组件还有一个

img

元素作为子元素。有没有一种方法可以通过特异性级别为1的

styled components

为子元素创建样式

我知道我可以使用

样式化组件直接将子元素作为目标

方法1:

import React from 'react';
import styled from 'styled-components';


const BrandLogo = styled.a`
    color: #1a1c1c;
    display:inline-block;
    vertical-align:top; 
    img {
    display:block;
    }
`;

const App = () => {

    return (<div style={{backgroundColor: '#e6e6e6'}}>
        <BrandLogo href="/">
            <img src="https://dcstatic.com/images/brandcrowd/logos/brandcrowd-logo-5d59400c52.svg" alt="BrandCrowd"/>
        </BrandLogo>
    </div>)
};

export default App;

方法2:

import React from 'react';
import styled from 'styled-components';


const BrandLogo = styled.a`
    color: #1a1c1c;
    display:inline-block;
    vertical-align:top; 
    img {
    display:block;
    }
`;

const App = () => {

    return (<div style={{backgroundColor: '#e6e6e6'}}>
        <BrandLogo href="/">
            <img src="https://dcstatic.com/images/brandcrowd/logos/brandcrowd-logo-5d59400c52.svg" alt="BrandCrowd"/>
        </BrandLogo>
    </div>)
};

export default App;

创建
img
元素作为样式化组件，但现在它被视为组件。是的，这种方法将创建具有1级特异性的样式

但是，有没有其他方法可以使用特殊性级别1来设置子组件的样式。
样式化组件是一个公正的css，如果不是css的第二个选项，您如何将
img
指定为级别1？@DennisVash是的第二个选项将img的特殊性设置为级别1，但我只是问，是否有其他方法可以替代目标子元素。
.gdDbnn img {
    display: block;
}