CSS rules weight
As it usually appeared for me, unexpectedly - weight of attribute in CSS rules is equal to weight of class and values in attribute doesn’t increase weight of rule.
So these rules are equal by their weight:
a.link {
color: blue;
}
a[rel] {
color: red;
}
a[rel^=https] {
color: green;
}