前端面试题集及答案:CSS盒子模型与选择器详解

CSS选择器有哪些?哪些属性可以继承? 在CSS中，常见的选择器包括： 1. 类选择器（.class） 2. ID选择器（#id） 3. 元素选择器（element） 4. 后代选择器（element element） 5. 子元素选择器（parent > child） 6. 相邻兄弟选择器（prev + next） 7. 通用选择器（*） 8. 伪类选择器（:pseudo-class） 9. 伪元素选择器（::pseudo-element） 其中，属性可以继承的有： 1. 字体系列属性（font-family、font-size、font-weight、font-style、line-height） 2. 文本系列属性（text-align、text-decoration、text-transform、letter-spacing、word-spacing） 3. 颜色系列属性（color、background-color） 4. 列表系列属性（list-style-type、list-style-image、list-style-position） 5. 表格系列属性（border-collapse、border-spacing、caption-side、empty-cells） 6. 元素可见性属性（visibility） 7. 元背景属性（background、background-image、background-repeat、background-attachment、background-position） 8. 边框系列属性（border-style、border-width、border-color、border、border-bottom、border-bottom-color、border-style） 这些属性在父元素上设置后，子孙元素也会继承这些属性的值。通过继承，可以减少重复代码的编写，提高CSS的效率和可维护性。