TIL

Today I Learned. 知ったこと、学んだことを書いていく

2018-03-17から1日間の記事一覧

疑似要素 - CSS

CSS

::afterみたいなものを擬似要素という。 疑似要素 (Pseudo-elements) - CSS | MDN ::after: 選択した要素の後ろに装飾を行う ::before: 選択した要素の前に装飾を行う contentプロパティを使って、装飾する内容を設定する 例)メインとサブにそれぞれ装飾を…

属性セレクタ - CSS

CSS

属性や属性の値によって、要素を選択できるセレクタ。タイプセレクタやclassセレクタでは指定しにくい要素の場合に使う。 以下の4つの要素を指定できる。 属性が値のとき 属性が追加されているとき 属性が値で始まるとき 属性が値で終わるとき

テキストリンクの下線を消すテクニック - CSS

CSS

下線を消すにはtext-decorationプロパティを使う。 例)aタグの下線を消す a { text-decoration: none; } また、リンクのデフォルトでは下線は表示されているが、一般的にはマウスカーソルが当たったら下線を表示するようになっているらしい。 ツイキャスの…

リンクの状態によって、スタイルを変える

CSS

例えば、「カーソルが当たっているときにテキストの色を変える」とか a:hover { color: green; } aタグ全てにスタイルを設定する場合(擬似クラスを設定していなくても適用したいスタイル) a { color: blue; } 擬似クラス 擬似クラス:a:hoverのhoverの部分の…