简单示例

1
*[class="demo"]{color:blue}

该css将把所有classdemo的元素的字体颜色变为蓝色。

SBhexo居然不会识别表格里的反斜杆

所有元素的attribute都可以用选择器来指定。

1
2
3
4
5
6
7
8
/* [attribute=value] */
a[href]{color:red}/*带有href的链接都变为红色字体*/
a[href="value"]{color:white}/*带有value的链接地址变为白色字体*/
a[title~="test"]{color:black}/*属性title中带有test单词的链接变为黑色字体*/
a[class|="link"]{color:orange}/*class以link开头的链接变为橙色字体*/
a[href^="https"]{color:green}/*所有以https开头的链接地址都变为绿色字体。*/
a[href&=".png"]{color:yellow}/*所有以.png结尾的链接地址都变为黄色字体*/
a[href*="link"]{color:blue}/*所有带有link的链接地址都变为蓝色字体*/

实例:将https链接变成绿色并加上背景颜色

1
2
<style>a[href^="https"][class="https"]{color:green;background:black}</style>
<a href="https://github.com" class="https">我被原谅了</a>

二逼hexo markdown渲染太傻逼了,玩不来。