2022年9月29日

属性セレクター CSS

要素内最後のp
p:last-of-type
   color:red;
}

リンク系

title属性があるもの
a[title]{
   color:red;
}
hrefリンク先URLにurbanを含むもの
a[href*="urban"]{
   color:red;
}
hrefが.comで終わるもの
a[href$=".com"]{
   color:red;
}
hrefがhttpで始まるもの
a[href^="http"]{
   color:red;
}
urbanというclassがあるもの(複数クラスを指定している場合で語の完全一致させたいときに使う)class="urban dic"
a[class~="urban"]{
   color:red;
}

リンク先URLが特定のaタグにだけcssを追加する方法

「urban」を含むリンク先のものだけにclass modal を追加する
$(document).ready(function() {
   $('a[href*="urban"]').addClass('modal');
});
Wish I could be Comic Sans ついにマイコンピューターでインターネットを始めたの
わたしはヨガマットデザイナー

fzfeed