通过CSS修改具有某些HTML属性的内嵌元素

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>

有关更多目的地，请点击此处 - post here

有关文档 - Attribute selectors documentation