CSS:选择器

1 元素(标签)选择器

它可以对页面上相同的标签进行统一的设置,它描述的就是标签的名称.

 

 

2 类选择器

类选择器在使用时使用"."来描述,它描述的是元素上的class属性值

 

 

3 id选择器

它只能选择一个元素,使用 "#" 引入,引用的是元素的id属性值。

id选择器,比类选择器更具有唯一性

 

 4 选择器组

逗号表示,谁和谁。

例如,我有手机,你有手机,他也有手机,一条一条写太麻烦,就可以合并编写

我,你,他{
    手机
}

 

 

5 派生选择器

  子代:父子关系(隔代不管)

  后代:父子孙,曾孙,从孙...

  

 

6 CSS伪类

CSS伪类可对css的选择器添加一些特殊效果

伪类属性列表:

  :active 向被激活的元素添加样式。

  :hover 当鼠标悬浮在元素上方时,向元素添加样式。

  :link 向未被访问的链接添加样式。

  :visited 向已被访问的链接添加样式。

  :first-child 向元素的第一个子元素添加样式。

超链接的伪类:要遵守使用顺序,爱恨原则 LoVeHAte,lvha (l --> v --> h --> a)

a:link {color: #FF0000} /* 针对未访问的链接, 将颜色修饰为 #FF0000 */
a:visited {color: #00FF00} /* 已访问的链接 */
a:hover {color: #FF00FF} /* 鼠标移动到链接上 */
a:active {color: #0000FF} /* 选定的链接 */

 

 

posted @ 2021-08-09 20:30  Jasper2003  阅读(37)  评论(0编辑  收藏  举报