为什么这个CSS选择器没有选择目标元素？

我在一个drupal网站上工作，它有这些相当疯狂的嵌套div。头版有一块：

<div class="view-content">
    <div class="views-row views-row-1 views-row-odd views-row-first">
        <div class="ds-2col-stacked-fluid node node-lesson node-promoted node-teaser contextual-links-region view-mode-teaser teaser-layout clearfix" typeof="sioc:Item foaf:Document" about="/node/673">
            <div class="contextual-links-wrapper contextual-links-processed">
            <div class="group-header teaser-header">
            <div class="group-left teaser-left">
                <div class="field field-name-field-lessonintro field-type-text field-label-hidden">
                    <div class="field-items">
                        <div class="field-item even">
                            <p>Some text</p>

我想在这个级别进行选择，因为Trister left和Trister right是我专门为这些块创建的类，其余的div/类来自drupal核心和模块。所以我不想以引用结构中其他类的方式进行选择，因为它们可能会更改

这就是为什么我认为上面的内容相当于“选择结构中某个地方的所有p元素，其中在某个点上有triser left或triser right类。”

我该如何正确地做到这一点

谢谢

---

但是它没有效果，即使我把它放进去！重要。

你犯了一个小错误。必须在每个类名之前添加

，才能进行选择。此外，下面的代码将对处于以下层次结构中的P标记应用边距/填充：左-右-右-右-P

.teaser-left .teaser-right p{
    margin:5px;
    padding:4px;
}

但是，如果您希望左侧或右侧摘要中的所有p标记都有填充，那么您需要稍微修改一下

.teaser-left p , .teaser-right p{
    margin:5px;
    padding:4px;
}

---

你犯了一个小错误。必须在每个类名之前添加

，才能进行选择。此外，下面的代码将对处于以下层次结构中的P标记应用边距/填充：左-右-右-右-P

.teaser-left .teaser-right p{
    margin:5px;
    padding:4px;
}

但是，如果您希望左侧或右侧摘要中的所有p标记都有填充，那么您需要稍微修改一下

.teaser-left p , .teaser-right p{
    margin:5px;
    padding:4px;
}

---

您需要将

添加到类名中

.teaser-left p, .teaser-right p {
  margin:5px;
  padding:4px;
  border:1px solid red;
}

---

检查此项。

您需要将

添加到类名中

.teaser-left p, .teaser-right p {
  margin:5px;
  padding:4px;
  border:1px solid red;
}

---

看看这个。

Ahh，现在我看到除了一个丢失的“.”之外发生了什么。总是在这里学到一些东西！啊，现在我明白了除了一个“失踪”之外发生的事情了。我总是在这里学到一些东西！