Измените встраиваемые элементы с определенными атрибутами HTML через CSS

Question

Возможно ли это сделать со ссылками (a[href="/"]{_/*CSS declarations.*/_})?
Например:

#example > .meow span[style="color:red;"] { 
    text-transform: lowercase; 
} 
#example > .woof span[title="I'm a dog."] { 
    color: blue; 
    text-decoration: underline; 
} 

Answer 1

Да вы что:

• Здесь мы выбираем ссылку с точным значением HREF «https://www.css-tricks.com», и изменить его цвет и размер шрифта. Обратите внимание, что ссылка на альманах не оформлена.

Смотрите ниже код

a[href="https://www.css-tricks.com"] { 
 
    color: #E18728; 
 
    font-size: 1.5em; 
 
} 
 

 
#example > .meow span[style="color: red;"] { 
 
    text-transform: lowercase; 
 
    font-size: 45px; 
 
}

<p><a href="https://www.css-tricks.com">CSS-Tricks</a></p> 
 
<p><a href="https://www.css-tricks.com/almanac">CSS-Tricks Almanac</a></p> 
 
<hr> 
 

 
<div id="example"> 
 
    <div class="meow"> 
 
    <span style="color: red;">TEST</span> 
 
    </div> 
 
</div>

Для более exmaples следить за этим - post here

Для документации - Attribute selectors documentation