CSS基础—选择器

基础选择器

1.ID 选择器
语法：#id属性值{}
HTML中所有的元素都有一个id属性，具有唯一性
2.标签选择器（元素选择器）
特点：将标签名作为选择符来匹配文档中所有的该标签
语法： 标签名{ 属性：值 ; }
3.类选择器
语法: .class名{ 样式 }
特点：通过元素的class属性值进行匹配
标签中使用两个类选择器的样式 <p class="类名1 类名2">

全部选择器

语法： *{}  选择所有元素

兄弟选择器

语法： 选择器1，选择器2，选择器3{... ... }

子代选择器

语法：选择器1>选择器2{ }
在选择器1对应的元素中匹配选择器2的直接子元素（儿子元素）

后代选择器

语法： 选择器1 选择器2{ }
在选择器1对应的元素中匹配选择器2的后代元素（后代元素）

状态选择器

选择一些元素具有的状态 伪类选择器需要与其他选择器结合使用，设置元素在不同状态下的样式
超链接的不同状态
访问前：link
访问后：visited
鼠标滑过：hover
鼠标点按：active
获取到焦点时的状态：focus
如果要给超链接添加四种状态下的样式，必须按一下顺序书写伪类选择器
:link :visited :hover :active

内部属性选择器

语法： 元素名称[属性名="属性值"]{}
一般适用于input标签，例：
<input type = "text"/>
<input type = "password"/>