css上下级怎么表示

CSS 是前端开发中不可或缺的一部分，它的作用之一是美化页面的效果。CSS 的选择器有多种类型，其中上下级选择器也是一种常用的选择器。下面介绍一下 CSS 的上下级选择器表示方法。

/*父元素与子元素*/
父元素 {
    属性: 值;
    子元素 {
        属性: 值;
    }
}

/*父元素与后代元素*/
父元素 {
    属性: 值;
    后代元素 {
        属性: 值;
    }
}

/*相邻兄弟元素*/
元素1 + 元素2 {
    属性: 值;
}

/*后续兄弟元素*/
元素1 ~ 元素2 {
    属性: 值;
} 

上面的方法分别表示父元素与子元素、父元素与后代元素、相邻兄弟元素和后续兄弟元素。其中，父元素与子元素使用的是大括号里的方法，可以清晰地表示出父元素和子元素之间的层级关系。而父元素与后代元素使用的是空格，可以表示出父元素与后代元素之间的层级关系，不一定是直接的父子关系。

相邻兄弟元素和后续兄弟元素则表示元素之间的兄弟关系。其中相邻兄弟元素表示的是紧接在元素 1 后面的元素 2，而后续兄弟元素表示的是后面所有的兄弟元素。

总之，上下级选择器在 CSS 的使用中是非常常见的，掌握这些方法可以更好地美化页面。