CSS 属性选择器后面有另一个选择器

Question

我正在尝试在 Angular 中做这样的事情：

css

header-wrap[icon="taco"] icon-element {margin: 1rem;}

HTML

<header-wrap icon="taco">
 <icon-element></icon-element>
</header-wrap>

但是不行。属性 select 还是“路的尽头” select 还是？意思是你不能在它之后 select 事情？奇怪的是，当我在 chrome 检查器中使用 document.querySelectorAll 时，它 returns 我想要的元素，但是任何为这种情况编写样式的尝试都失败了。

Answer 1

我测试了你的代码，它对我有效！您的 CSS 代码是正确的，它很好地针对了您想要的元素。

问题显然是您的标签图标元素为空。当我在其中添加一些文本时，发生了 CSS 更改。