css特定属性的选择 |纯css3特效代码

/* 选择一个元素 */
element {
property: value;
}
/* 选择多个元素 */
elem1, elem2, elem3 {
property: value;
}
/* 选择元素的子元素 */
parent child {
property: value;
}
/* 选择相邻元素 */
elem1 + elem2 {
property: value;
}
/* 选择同级元素 */
elem ~ sibling {
property: value;
}
/* 选择元素的后代元素 */
ancestor descendant {
property: value;
}
/* 选择元素的第一个子元素 */
parent:first-child {
property: value;
}
/* 选择元素的最后一个子元素 */
parent:last-child {
property: value;
}
/* 选择元素的第一个子元素 */
parent:nth-child(n) {
property: value;
}
/* 选择元素的第一个奇数子元素 */
parent:nth-child(odd) {
property: value;
}
/* 选择元素的第一个偶数子元素 */
parent:nth-child(even) {
property: value;
}
/* 选择元素的第一个子元素，但不包括其他元素 */
parent:first-of-type {
property: value;
}
/* 选择元素的最后一个子元素，但不包括其他元素 */
parent:last-of-type {
property: value;
}
/* 选择元素的第 n 个子元素，但不包括其他元素 */
parent:nth-of-type(n) {
property: value;
}
/* 选择元素的第一个奇数子元素，但不包括其他元素 */
parent:nth-of-type(odd) {
property: value;
}
/* 选择元素的第一个偶数子元素，但不包括其他元素 */
parent:nth-of-type(even) {
property: value;
}

以上是 CSS 中选择特定属性的一些方法。掌握这些方法可以大大提高编写 CSS 的效率，同时也可以更好地控制各个元素的样式。希望本文对您有所帮助！