first-childが効かない時の対処方法。 first-childが効かない例 例えば以下のようなHTML構造になっている場合、 <div class="myClass"> <h1>title</h1> <p>hoge</p> <p>hoge</p> <p>hoge</p> </div> 以下のようなCSSは適用されません。 .myClass p:first-child { background-color: red; } これは、myClassの最初の子要…

結論 inputタグをdivタグなどで囲む。 その上で、divタグに対してtext-align:centerを指定する。 .center { text-align:center; } <div class='center'> <input type='text'></input> </div> 成り行き input要素に直接text-align:centerを指定しても効かなかったため。 （以下のCSSではテキストボックスが親要素に…