私は 2 列のレイアウトのブログを持っていて、column-count css プロパティを使用していますが、デザインでは、最初の列の画像と引用符が左側に突き出ている必要があります (margin-left: -20px)。 2 列目は同じことを右側に適用します (margin-right:-20px)。
最初または最後の列の css セレクターはありますか? それを行うことは可能ですか、それとも何か他のことを試す必要がありますか?
私は 2 列のレイアウトのブログを持っていて、column-count css プロパティを使用していますが、デザインでは、最初の列の画像と引用符が左側に突き出ている必要があります (margin-left: -20px)。 2 列目は同じことを右側に適用します (margin-right:-20px)。
最初または最後の列の css セレクターはありますか? それを行うことは可能ですか、それとも何か他のことを試す必要がありますか?
あなたが得ることができる最も近いものは、td:first-child
andを使用することですtd:last-child
。デモ
例:
td { width:100px; height:50px; background:blue; }
td:first-child, td:last-child {
background:red;
}
何らかの理由で、外側にない特定の列が必要な場合は、または、子td:nth-of-type(n)
しかない場合は を使用できますが、これには行に s がいくつあるかを知る必要があります。より具体的なことを行うには、javascript を使用する必要がありますtd
td:nth-child(n)
td