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

Question

好的，我正在尝试将 html/css 制作的垂直横幅广告放在 wordpress 的小部件部分的文本区域内。所以我将一个文本区域拖到侧栏中，并插入一些 html 并将相应的 css 添加到样式表中。但是，样式没有生效，如果我将样式应用于“textarea”类，那么侧 Pane 中的所有 textarea 看起来都一样......有没有办法只将 css 应用于这个特定的 textarea 而不会影响所有其他...这是代码html

<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>

CSS

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

}

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

}

Answer 1

如果您想对某个 Widget 做一些特定的事情而不需要依赖他们的 ID，您可以使用这里的东西。

https://wordpress.org/plugins/widget-css-classes/

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

如果您明确指定选择器，@mrbubbles 也发表了很好的评论。

提示:大量使用 Chrome/Firefox 的 Elements 检查器。