css与html选择器总结

CSS 和 HTML 是 Web 前端开发中重要的两个技术。HTML 是网页的骨架，而 CSS 则是美丽的外表。CSS 选择器是帮助我们选择 HTML 元素来应用样式的重要工具。接下来我们来总结一些基本的 CSS 选择器。

1. 元素选择器：通过标签名来选择元素，如 p {} 选择所有的段落。
2. ID 选择器：通过 ID 属性来选择元素，如 #main-content {} 选择 ID 为 main-content 的元素。
3. 类选择器：通过 class 属性来选择元素，如 .btn {} 选择所有的 class 名为 btn 的元素。
4. 后代选择器：选择一个元素的后代元素，如 article p {} 选择所有 article 元素下的段落。
5. 子元素选择器：选择一个元素的直接子元素，如 ul > li {} 选择所有 ul 元素的直接子元素 li。
6. 相邻兄弟选择器：选择与指定元素相邻的下一个兄弟元素，如 h2 + p {} 选择紧随 h2 元素后的第一个段落。
7. 通用选择器：选择所有元素，如 * {} 选择所有元素。
8. 属性选择器：选择包含指定属性的元素，如 a[href] {} 选择所有含有 href 属性的 a 标签。 

这些 CSS 选择器都有一定的作用范围和优先级，并且可以使用组合和多个选择器来增加选择器的灵活性。在实际的开发中，我们需要理解选择器的作用和用法，来达到更好的样式应用和页面布局。