CSS----复合选择器

一、后代选择器(重点)

  • 作用:

用来选择元素或元素组的子孙后代

  • 语法:
.class h3{color:red;font-size:16px;}

二、子元素选择器

  • 作用:

    子元素选择器只能选择作为某元素子元素(亲儿子)的元素。

  • 其写法就是把父级标签写在前面,子级标签写在后面,中间跟一个 > 进行连接

  • 语法:

.class>h3{color:red;font-size:14px;}

三、 交集选择器

  • 语法:

比如: p.one 选择的是: 类名为 .one 的 段落标签

四、并集选择器(重点)

比如 .one, p , #test {color: #F00;}
表示 .one 和 p 和 #test 这三个选择器都会执行颜色为红色。
通常用于集体声明。

五、链接伪类选择器(重点)

  • a:link /* 未访问的链接 */

  • a:visited /* 已访问的链接 */

  • a:hover /* 鼠标移动到链接上 */

  • a:active /* 选定的链接 */

    注意

  • 写的时候,他们的顺序尽量不要颠倒 按照 lvha 的顺序。否则可能引起错误。
  • 记忆法
    • love hate 爱上了讨厌
    • **lv **包包 非常 hao
  • 实际开发很少写全四个状态
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容