読者です 読者をやめる 読者になる 読者になる

みかづきブログ その3

3ヶ月つづけてみました。

擬似クラス :target をつかう

CSS

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 で確認したほうがわかりやすいかもしれません。