1. ホーム
  2. css

[解決済み] cssでこの要素を取得するには

2022-02-19 02:58:12

質問事項

ワードプレスとWPBakeryを使ってウェブサイトを構築しています。ウェブページに特定のスタイルを与えようとしているため、ウェブページの要素にアクセスする必要があります。 私が達成する必要があるのは、次のとおりです。 すべての行を特定の幅で中央に揃えるには、次のようなCSSコードを使用します。

.RowInterior {
     width: 1000px;
height: auto;
margin: 0 auto;
position: relative;
}

しかし、問題は、そのルールを割り当てる必要がある要素にアクセスする方法がわからないことです。

これは、ウェブページのリンクです。 http://13.59.219.129/SC/nuestro-compromiso/ というクラスが付いた4つの要素がありますが、その前のクラス "wpb_wrapper"の要素にアクセスする必要があります。WPBakeryの追加クラス名オプションで、クラス "RowInterior"を追加しています。

このようにコードが生成されます。

 <div data-vc-full-width="true" data-vc-full-width-init="true" data-vc- 
    stretch-content="true"
   class="vc_row wpb_row vc_row-fluid vc_custom_1565904278366 vc_row-has-fill 
    vc_row-no-padding"
   style="position: relative; left: -391.008px; box-sizing: border-box; width: 2352px;">
   <div class="wpb_column vc_column_container vc_col-sm-12 text-align-center">
      <div class="vc_column-inner">
         <div class="wpb_wrapper">
            <div class="vc_row wpb_row vc_inner vc_row-fluid RowInterior">

クラス "RowInterior"を持つ要素の上の要素にアクセスする必要があります。

どのように解決するのですか?

より具体的なセレクタを使用することができます。

.vc_custom_1565904278366 > .wpb_column > .vc_column-inner > .wpb_wrapper