如何在 CSS 中选择纯 HTML 文本？

你们有人知道如何在 CSS 中选择纯 HTML 文本吗？

我有以下结构：

       <div id="A">
       <p class="caption"> caption1 </p>

        <div class="tabs">
             <div class='moving_bg'></div>

             <p class="text tab_item"> content</p>
             <p class="text tab_item"> content</p>
             <p class="text tab_item"> content</p>
             <p class="text tab_item"> content</p>
             <p class="text tab_item"> content</p>
             <p class="text tab_item"> content</p>

             caption2

             <p class="standardtext tab_item">content</p>
             <p class="standardtext tab_item"> content</p>
             <p class="standardtext tab_item"> content</p>


        </div>

我该如何选择caption2 in CSS?

一旦我给它分配了一个类或一个 p 标签，它就会破坏我正在使用的选项卡插件的结构。

Edit: I used this http://www.gayadesign.com/diy/animated-tabbed-content-with-jquery/插件并将其稍微更改为：

var TabbedContent = {
init: function() {  
    $(".tab_item").mouseover(function() {

        var background = $(this).parent().find(".moving_bg");

        $(background).stop().animate({
            top: $(this).position()['top']
        }, {
            duration: 300
        });

        TabbedContent.slideContent($(this));

    });
},

slideContent: function(obj) {

    var margin =      $(obj).parent().parent().parent().parent().find(".slide_content").width();
    margin = margin * ($(obj).prevAll().size() - 1);
    margin = margin * -1;

        $(obj).parent().parent().parent().parent().find(".tabslider").stop().animate({
        marginLeft: margin + "px"
    }, {
        duration: 300
    });
}
}

$(document).ready(function() {
TabbedContent.init();
});

你不能。您只能选择元素并伪元素/类 http://www.w3.org/TR/CSS21/selector.html#pseudo-elements.

你或许可以摆脱造型的束缚.tabs然后覆盖样式.tabs > *.

一旦我给它分配了一个类或一个 p 标签，它就会破坏我正在使用的选项卡插件的结构。

然后编辑插件。