CSS を使用して、「Some:Same」を含み、「name」で終わる ID を持つ要素をターゲットにする方法

特定のテキストを含む ID を持つ要素の CSS セレクター

問題:

「」形式の ID を持つ HTML 要素を考えてみましょう。 someGenerated Some:Same:0:name」または「someGenerated Some:Same:0:surname」。 CSS を使用して、「Some:Same」を含み、「name」で終わる ID を持つ要素のみを選択するにはどうすればよいですか?

解決策:

次の CSS セレクターを使用します。

a[id*='Some:Same'][id$='name']

説明:

• a[id*='Some:Same']: ID に文字列が含まれる要素をすべて選択します「一部：同じです。」アスタリスク (*) はワイルドカードとして使用され、「Some:Same」の前後に任意の文字を使用できます。
• [id$='name']: ID が「name」で終わるすべての要素を選択します。ドル記号 ($) は、文字列の末尾でワイルドカードとして使用されます。

これらのセレクターを組み合わせることで、「Some:Same」を含み、次で終わる ID を持つ特定の要素を分離できます。 「名前。」

以上がCSS を使用して、「Some:Same」を含み、「name」で終わる ID を持つ要素をターゲットにする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。