みかづきブログ その3

本ブログは更新を終了しました。通算140万ユーザーの方に観覧頂くことができました。長い間、ありがとうございました。

👆

引越し先はこちらです!

擬似クラス :target をつかう

developer.mozilla.org

CSSでつかう

CSS
#ki:target {
    color: red;
}

#sho:target {
    color: red;
}

#ten:target {
    color: red;
}

#ketsu:target {
    color: red;
}

という感じで、idのtarget属性を指定すると、URLのhashにID名がついているときの見栄えを指定できます。





JSでつかう

JS
document.querySelector(":target");

という感じで、URLのhashについているIDを持ったDOMをセレクトできます。

document.getElementById(location.hash);

と同じです。



DEMO

jsdo.it だと iframe の中に表示されてしまうので、 http://jsrun.it/kimmy/dmXG で確認したほうがわかりやすいかもしれません。