css 表示某个元素下的特定类或者其他属性

需求

通过 css 选择器获取某种标签（如：div、input 等）下的某个属性（如：class、id 等），从而修改其样式。

代码

通过 [标签].[属性] 的方式来获取

<div class="test"></div>

div.test{
  background:red;
}

拓展

这里容易混淆的是，获取标签下的具有某个类名的元素的表达方式，如：获取 div 下所有带有类名为test 的元素，其表达式为：

<div>
	<div class="test"></div>
	<div class="test"></div>
	<div class="test"></div>
</div>

div .test{
	background:red;
}

这里的表达式与上方的区别是 div 与 .test 之间多了一个空格，所以在使用中要注意区分。

👇觉得有帮助的朋友可以支持下作者哦，您的鼓励是我创作的最大动力，如有开发问题可联系作者