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

Question

你们中有人知道如何在 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>

如何在 CSS 中选择 caption2？

只要我为它分配一个类或 p-tag，它就会破坏我正在使用的选项卡插件的结构。

编辑:我用了this插件并将其稍微更改为:

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();
});

Answer 1

你不能。您只能选择元素和 pseudo-elements/classes .

您也许可以通过设置 .tabs 样式然后覆盖 .tabs> * 上的样式。

As soon as I assign a class or a p-tag to it, it breakes the structure of the tab-plugin I'm using.

然后编辑插件。