[解決済み] CSSでitempropをターゲットにする?
2022-02-18 17:20:40
質問
Wordpressのテーマで生成された以下の2つのコードのセクションがあります。 この最初のセクションは、WPページ用に生成されたコードです。
<div class="postinner">
<div itemprop="name">
<h1 class="pagetitle">My Title</h1>
</div>
<p>First line of text</p>
<p>Second line of text</p>
</div>
この2番目のセクションのコードは、WP Postのために生成されます。
<div class="postinner">
<article itemtype="http://schema.org/Article" itemscope="" role="article">
<div itemprop="headline">
<h1 class="pagetitle">Hello World!</h1>
</div>
</article>
</div>
最初のセクションのコードの "itemprop DIV" 内の H1 タグのテキストを特にターゲットにして中央に配置する CSS セレクタがわかりません。
また、WP PostのH1タグをターゲットにして別の文字色でスタイル付けしたいのですが、これもCSSセレクタがわかりません。
どうすればいいですか?
などのCSS属性セレクタを使ってみてはいかがでしょうか。
div[itemprop="name"] h1 {
color: red;
}
とします。
div[itemprop="headline"] h1 {
color: yellow;
}
関連
-
[解決済み] 他のブラウザが画像を読み込むときに、Chromeがエラー **Failed to load resource: net::ERR_NAME_NOT_RESOLVED** を発生させる。
-
[解決済み] font-face は OpenType 埋め込み許可チェックに失敗しました。パーミッションはインストール可能である必要があります。
-
[解決済み] svgの円のダブルストロークの色
-
[解決済み] ブルマのテーブルをレスポンシブにするにはどうしたらいいですか?
-
[解決済み] CSSの親セレクタはありますか?
-
[解決済み] CSSでcellpaddingとcellspacingを設定する?
-
[解決済み] CSSでテキストや画像の背景を透明にするには?
-
[解決済み] CSSの三角形はどのように機能するのですか?
-
[解決済み] CSSのdisplayプロパティで遷移する
-
[解決済み】HTML5入力のプレースホルダの色をCSSで変更する。
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】サイドバーの位置を変更する
-
[解決済み] Tailwind CSS - コンポーネントとしてのレスポンシブブレークポイント
-
[解決済み] CSS無効なプロパティ値?
-
[解決済み] グレーの透明な背景を設定する
-
[解決済み] SPANのheightプロパティを設定する方法
-
[解決済み] css グリッドによる垂直・水平方向の中央揃え 4x4 正方形グリッド
-
[解決済み] エレメントの角を面取りする方法を教えてください。
-
[解決済み] 特定のdivを右へ移動させたい
-
[解決済み] ブートストラップカラムで画像の下にキャプションを中央配置する
-
[解決済み] ブルマのテーブルをレスポンシブにするにはどうしたらいいですか?