2018-01-01から1ヶ月間の記事一覧
<ul> <li>１</li> <li>２</li> <li>３</li> </ul> <a href="http://google.com">google!</a> <input type="text"> :first-childを使用 ul li:first-child { color: red; } 結果 :link, :visited, :hover, :activeを使用 リンクに対して以下の擬似クラスが使用可能。 a:link { color: green; } /* 未訪問のリンク */ a:visited { color: blue; } /* 訪…
エラーが出たコード <div> <span className="icon"></span> </div> 解決方法 エラーの原因は、span タグの中身（content）が空の場合は、 </span> といった閉じタグの指定ではなく、 <span /> のように記述する必要があるからです。 これを self-closing と言います。 <div> <span className="icon" /> </div></span>
こちらのhtmlを元に属性セレクタを使用していきます。 <body> <p> <a href="http://google.com">Googleへ</a> </p> <p> <a href="http://yahoo.co.jp" title="yahoo" class="search link">Yahoo!へ</a> </p> </body> タイトルを指定 a[title] { color: red; } これでtitle属性をもつaタグにスタイルが適用されます。 今回は、「Yahoo!へ」のみが赤色になります。 属性の値を指定する a[title="…
「a, b」で指定 h1, h2 { color: red; } これは、同じスタイルを複数のセレクタに対して適用します。 h1とh2の文字色が赤色になります。 「a b」で指定 div p { color: red; } これは、divの下にあるpタグ全てにスタイルを適用します。 「a > b」で指定 div …
herokuのデータベース（PostgreSQL）に接続する際にでた以下のエラーの解決方法。 org.postgresql.util.PSQLException: FATAL: no pg_hba.conf entry for host "【host名】", user "【user名】", database "【database名】", SSL off 解決方法 &ssl=true&ssl…
