小编Mar*_*usz的帖子

我想问一下在两个具有弹性盒的 div 之间设置间距的好做法。例如：

header {\r\n  background-image: radial-gradient(circle, #72d6c9, #54d1ed, #7ac5ff, #bcb2fe, #f29cd9);\r\n  height: 80px;\r\n}\r\n\r\n.menu-section {\r\n  display: flex;\r\n}\r\n\r\n.nav-logo {\r\n  color: #e00986;\r\n  font-size: 25px;\r\n  margin: 0;\r\n  padding-left: 15px;\r\n  line-height: 80px;\r\n}\r\n\r\nnav ul {\r\n  list-style-type: none;\r\n  padding: 0;\r\n  margin: 0;\r\n  text-align: center;\r\n}\r\n\r\nnav ul li {\r\n  display: inline-block;\r\n  width: 150px;\r\n  position: relative;\r\n}\r\n\r\nnav ul li a {\r\n  text-decoration: none;\r\n  line-height: 80px;\r\n  padding: 0 10px;\r\n  display: block;\r\n  color: #e00986;\r\n}\r\n\r\nnav ul li a:hover {\r\n  color: #FFF;\r\n  transition-duration: 2s;\r\n}

<header>\r\n  <nav class="menu-section">\r\n    <h1 class="nav-logo">Love …

我想用 class 更改第二个和第三个 div 的背景颜色.offer-info-wrapper。当然，我使用:nth-of-type(2)并:nth-of-type(3)更改它，但它不起作用。问题出在哪儿？

<section class="offer">
    <div class="row">
        <div class="offer-info-wrapper">
            <div class="offer-info">
                <h3>Promotional Email Goals</h3>
                <p>Lorem ipsum dolor sit amet, consec tetuer adipi scing elit, sed diam nonummy nibh ut laoreet dolore magna aliquam erat volutpat.</p>
                <p>Lorem ipsum dolor sit amet, consec tetuer adipi scing elit, sed diam nonummy nibh euismod tincidunt ut</p>
            </div>
        </div>
        <div class="offer-image">
            <img src="img/entrepreneur.jpg" alt="Entrepreneur">
        </div>
    </div>
    <div class="row">
        <div class="offer-info-wrapper">
            <div class="offer-info">
                <h3>Promotional Email Goals</h3>
                <p>Lorem ipsum …