我的CSS样式表在我的索引中。html文件，其中加载了我的React应用程序。在这里，我有以下CSS值：

#Webshop {
      background-color: white;
      height: 100%;
      width: 100%;
}

和

#Webshop, button {
      position: relative
      border: 6px solid #232323
      z-index: 2
      padding: 12px 22px
      margin: 0 10px
      box-sizing: border-box
      font-size: 26px
      font-weight: 600
      text-transform: uppercase
      text-decoration: none
      color: #232323
}

Webshop位于包含此Render方法的其他文件中：

render() {
        return (
            <div className='Webshop' id='Webshop'>
                <li>
                    <img src="./products.jpeg" width="350" height="350"></img>
                    <button onClick={this.handleClick} className="addit">Add to cart</button>
                    <select id="size" onChange={this.change} value={this.state.value}>
                        <option value="medium">Medium</option>
                        <option value="large">Large</option>
                        <option value="x-large">X-large</option>
                    </select>
                    <img src="./product.jpeg" width="350" height="350"></img>
                </li>
            </div>
        );
    }

由于某些原因，CSS适用于Webshop，但不适用于按钮。我在其他文件中的其他组件的工作也。我怎样才能让CSS应用于Render方法中的按钮？