css串联选择器什么意思 |css样式怎么调成水平

/* 例1：同时作用于p与a标签，类名为“link”的元素 */
p a.link {
color: blue;
}
/* 例2：同时作用于类型为button的input元素与类名为“primary”的button元素 */
input[type=button], button.primary {
background-color: #007bff;
color: #fff;
}

如例1所示，使用“选择器1 选择器2”即可选择同时满足两种选择器的元素，其中的空格表示这两个选择器所属的元素之间的关系。比如，例1中的“p a.link”表示仅作用于a标签所包含在p标签内以及该a标签拥有类名“link”的元素。

在例2中，大家使用了“，”分隔符，表示两种选择器具有多组性，二者选择到的元素都会受到样式的影响。

使用CSS串联选择器可以实现更加精细的样式控制，因此有利于编写符合要求的网页布局，提高代码质量。