下面是React JS文件：

import React from "react";
import "./body-section.css";
import background from "../etc/Image-robot.jpg";

const Body = () => {
    return (
        <div className="body">
            <div 
                className="bdy-socials-section">
                <img 
                src={background}
                id="bg-img">
                </img>
            </div>
        </div>
    )
}

export default Body;

字符串
CSS文件：

.bdy-socials-section > img {
    width: 55vw;
    height: 80vh;
    transform: SkewY(5deg);
    position: relative;
    left: 50px;
}

.bdy-socials-section > img::before {
    content: "";
    display: block;
}

型
不幸的是，我在Chrome浏览器中没有看到任何视觉变化
我其实是在一个死胡同：<