[解決済み] 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
関連
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン