[分享]css两个id属性值

在CSS中，我们可以使用ID属性来给HTML元素设置样式。ID属性是一种唯一的属性，每个HTML元素只能有一个ID属性。而在CSS中，ID属性可以通过符号来定义。myid { color: red; ...

在CSS中，我们可以使用ID属性来给HTML元素设置样式。ID属性是一种唯一的属性，每个HTML元素只能有一个ID属性。而在CSS中，ID属性可以通过#符号来定义。

#myid {
  color: red;
} 

在这个例子中，#myid就是一个ID选择器，表示要给具有ID值为“myid”的HTML元素设置颜色为红色的样式。

有时候我们需要使用两个ID属性来同时定义HTML元素的样式，这时候我们可以使用逗号来将两个ID属性连接起来。

#myid1, #myid2 {
  font-size: 18px;
} 

在这个例子中，#myid1和#myid2就被逗号连接了起来，表示要同时给具有ID值为“myid1”和“myid2”的HTML元素设置字体大小为18像素的样式。

需要注意的是，两个ID属性之间不能有空格，否则将会被识别为后代选择器。

#myid1 #myid2 {
  background-color: blue;
} 

在这个例子中，#myid1 #myid2表示选择具有ID值为“myid2”的HTML元素，且它是具有ID值为“myid1”的HTML元素的后代，即它的父元素或祖先元素具有ID值为“myid1”。