/*通用选择器*/ * { margin: 0; padding: 0; } /*元素选择器*/ p { font-size: 16px; color: #666; } /*id选择器*/ #header { background-color: #F9A825; } /*类选择器*/ .content { width: 80%; } /*属性选择器*/ a[target="_blank"] { font-weight: bold; } /*伪类选择器*/ a:hover { text-decoration: underline; } /*伪元素选择器*/ p::first-line { font-style: italic; } /*子元素选择器*/ .nav >li { float: left; } /*相邻兄弟选择器*/ h3 + p { margin-top: 20px; } /*通用兄弟选择器*/ h3 ~ p { font-weight: normal; }
以上是CSS中的所有元素选择器,它们可以帮助你更精确地选择HTML元素,并应用相应的样式。应该根据实际需求,选择合适的选择器来达到最佳效果。