Html 无法在wordpress中创建垂直广告横幅

好的，我试着把一个html/css制作的垂直横幅广告放在wordpress小部件部分的文本区域中。因此，我将一个textarea拖到侧栏中，插入一些html并将相应的css添加到样式表中。但是，该样式没有生效，如果我将该样式应用于“textarea”类，则侧窗格中的所有textarea将看起来相同。。。有没有办法只将css应用于这个特定的文本区域而不影响其他所有文本区域。。。这是密码 html

---

如果你想做一些特定于某个小部件的事情，而不必依赖它们的ID，那么你可以使用下面的方法

您将一个类应用于小部件，该小部件将显示在主小部件包装器中，您可以使用该包装器覆盖主小部件元素并选择子元素

另外，如果您明确指定了选择器，@mrbubbles也给出了很好的评论

---

小贴士：集中使用Chrome/Firefox的Elements Inspector。

您可以在需要样式的文本区域中添加不同的类，并为特定类编写css。如何向该文本区域添加不同的类？文本区域由wordpress添加到web界面管理区域。我知道如何向文本区域添加代码，但一旦添加文本区域，就不能修改文本区域本身。如果小部件容器具有id属性？@miatech，您的样式很可能只是被样式表中的其他样式覆盖了。在这种情况下，您可能需要更具体地使用选择器。比如,#包含分区横幅广告容器。

<div class="banner-ad-container">
            <div id="ad-header">
                <h2>Advertise Here!</h2>
            </div>
            <div id="ad-1">
                <h2>Place Your Ad Here</h2>
                <p>buy a place in our site. We have over 2000 visits everyweek</p>      
            </div>
            <div id="ad-2">
                <h2>240x400 Ad</h2>
                <p>Buy this 240x400 px ad banner and place your ad here.</p>
            </div>

            <div id="link-1">
                <a href="http://pctechtips.org/contact/"><h4>Click here for details</h4></a>                
            </div>
        </div>

.banner-ad-container {
    background-color: #152942;
    color: white;
    text-align: center;
    width: 240px;
    height: 400px;

}

#ad-header {
    border-bottom: solid 1px white;

}