スタイルシートでsrcに任意の文字列を含む場合のセレクターのコードをご紹介いたします。
スタイルのSRC要素とは？
SRCとはタグの中で指定することができるアトリビュートで、その場所に読み込むサーバー上のファイルのURLを記載します。
使われるのはiframe,img,scriptタグとなります。
例えば、画像のsrc指定だと下記のようなコードになります。
<img src="画像のURL">
特定の文字列を含むSRC要素を持つCSSセレクター
このSRC要素に特定の文字列を含む場合にのみスタイルを適応することができます。
この為のセレクターは下記のようになります。
img要素の場合
img[src*="aaaaaa"] {width:100% !important;}
iframe要素の場合
iframe[src*="aaaaaa"] {width:100% !important;}
上記のセレクターではiframeやimgのURLにaaaaaという文字列が含まれる場合にのみ横幅を１００％にします。
src*= とすることでSRC要素に文字列が含まれる場合
src= とすることでSRC要素に文字列が完全にマッチする場合にのみセレクトする形になります。
ご参考になりましたら幸いです。
WordPress ワードプレスのレイアウト調整やスタイルシート作成のご依頼・ご相談はワードプレスドクターまでお気軽にお送りください
