Question

请帮助我，我已经创建了这个jsfiddle来说清楚。

第一个字母在更深层次上也有所不同

我只希望它在第一个P（不在blockquote中）。

非常感谢你。

<div about="/news/lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit" typeof="sioc:Item foaf:Document" class="ds-1col node node-news view-mode-full clearfix">
  <div class="field field-name-title field-type-ds field-label-hidden">
      <div class="field-items">
          <div class="field-item even" property="dc:title">
              <h1>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</h1>
          </div>
      </div>
    </div>

    <div class="field field-name-body field-type-text-with-summary field-label-hidden">
        <div class="field-items">
            <div class="field-item even" property="content:encoded">
                <p>
                    Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                </p>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius blandit sit amet non magna. Aenean lacinia bibendum nulla sed consectetur.
                </p>
                <blockquote>
                    <p>
                        Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Vestibulum id ligula porta felis euismod semper. Nullam quis risus eget urna mollis ornare vel eu leo. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.
                    </p>
                </blockquote>
            </div>
        </div>
    </div>
</div>

Answer 1

您只需要.field-item的直系后代，因此请使用>添加其中：

.view-mode-full .field-name-body .field-item > p:first-child:first-letter {
    float: left;
    font-size: 36px;
    line-height: 36px;
    padding-right: 4px;
    font-style: normal;
}

JSFiddle

CSS首字母<p>上的CSS </p> <blockquote> <p> </p> </blockquote>

1 个答案: