#first-element, #second-element { color: red; font-size: 18px; }
上面的代码演示了如何使用id选择器选取两个元素。可以看到,在选择器中使用逗号可以同时选取多个元素。具体来说,上面的代码选取了具有id为“first-element”和“second-element”的两个元素,它们被赋予了红色颜色和18像素字体大小。
如果要选择的元素不是有相同的id或class,则可以使用属性选择器或标签选择器。
input[type="text"], input[type="email"] { border: 1px solid black; padding: 10px; }
上面的代码演示了如何使用属性选择器选取两个元素。具体来说,它选取了文本输入框和电子邮件输入框,并对它们应用了一些CSS样式。
div p:first-child, div p:last-child { font-size: 22px; text-align: center; }
上面的代码演示了如何使用标签选择器选取两个元素。具体来说,它选取了某个div元素中的第一个和最后一个p元素,并对它们应用了一些样式。
在CSS中,选取元素非常灵活。您可以根据不同的需求使用不同的选择器。当需要选取两个元素时,可以使用id选择器、属性选择器或标签选择器等方式。