タグ

2011年12月7日のブックマーク (2件)

  • フォーカス時の輪郭線(アウトライン)の役割をご存知ですか? - White Stage

    アウトラインの役割 リンクなどにフォーカスした時、アウトライン(外郭線)が表示されるのですが、このアウトラインにはどんな役割があるかご存知ですか? アウトラインの役割を知らずに「何?この点線!じゃま」とCSSでoutline: none;と設定しアウトラインを消されているかたがいらっしゃると思うのですが、アウトラインが表示されないとキーボードのみで操作しているかたが自分が今どの位置にいるのかわからなくなってしまうんです。 リンクフォーカス時アウトラインが表示されないサイト リンクフォーカス時にアウトラインが表示されないサイトがありましたので(ボタンフォーカス時にはアウトラインが表示されます)、アウトラインが表示されない状態で目的のページに辿り着けるか、また辿り着くのにどれだけ時間がかかり大変か体験してみましょう。私達はこのサイトの商品を購入したいとします。無事、目的の商品詳細ページまで辿り

  • 勘違した疑似クラス first-childの使い方 – WEB-DD

    コンテンツへスキップ テンプレートファイルにclassやidを追加できないため、CSSの疑似クラスを指定したんだけど、ちゃんと効かなくて困ってた。 でもよく調べてみたら自分の認識違いだった。 「first-child」という疑似クラスについて、これは”ある要素内で最初に出現する子要素”なわけで、 「p:first-chidl」と指定したら”最初に出現するp要素”として指定できるのかと思っていた。 例えば以下のHTMLの1番目のpタグにスタイルを指定したいとき。 <div> <h1>見出し</h1> <p>文1行目</p> <p>文2行目</p> </div> で、スタイルシートを以下のように指定したけど効かなかった。 div > p:first-child {font-size:100%} これは親要素divの子要素で最初に登場するのはh1タグで、pタグはfirst-childではない

    witch-doktor
    witch-doktor 2011/12/07
    :first-childって効くときと効かないときがあるよなあ、という長年の疑問が氷解しました。