HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

名前の先頭が同じで末尾がHTMLで異なる場合に、ID要素にCSSスタイルを適用する

投稿は、「id=post」を指定したdivを使用して選択できます。これにより、引用符で囲まれた値を含むIDを持つすべてのdiv要素が選択されます。

どちらでも使用できます-

div[id*='post-'] { ... } or div[id^='post-'] { ... }.

div [id * ='post-'] {...}は、すべての値が引用符で囲まれているidを持つすべてのdiv要素を選択します。

または、使用できます

div[id^='post-'] { ... }

これにより、引用符で始まるIDを持つすべてのdiv要素が選択されます。


  1. HTMLDOMスタイルのflexGrowプロパティ

    HTML DOMスタイルのflexGrowプロパティは、要素がフレックス要素内でそのサイズに対応する比率を設定するために使用されます。単位のない数値を受け入れます。 以下は、-の構文です。 flexGrowプロパティの設定- object.style.flexGrow = "number|initial|inherit" ここで、numberは要素が他の要素に比例して大きくなる量を指定し、そのデフォルト値は0です。initialはプロパティ値をデフォルト値に設定し、inheritはそれを親プロパティ値に設定します。 flexGrowプロパティの例を見てみましょう-

  2. HTMLDOMスタイルのflexFlowプロパティ

    HTML DOMスタイルのflexFlowプロパティは、要素のflexDirectionプロパティとflexWrapプロパティを指定するために使用されます。これはflexDirectionとflexWrapの省略形であり、同じ順序で値を受け入れます。 以下は、-の構文です。 flexFlowプロパティの設定- object.style.flexFlow = "flex-direction flex-wrap|initial|inherit" 上記の特性は次のように説明されます- 値 説明 フレックス方向 フレキシブルアイテムの方向を指定するた