专栏首页九彩拼盘的叨叨叨学习纲要:CSS 常用选择器

学习纲要:CSS 常用选择器

选择器用来选择要在DOM中哪些元素上使用某些样式。

学习目标

  1. 知道什么是 CSS 选择器。
  2. 知道 CSS 选择器有什么用。
  3. 知道如下选择器的写法,对哪些元素生效和浏览器兼容性:通配选择器,元素选择器,id选择器,类选择器,群组选择器,层次选择器,子元素选择器,伪类选择器中的 :hover,:active,:focus,:nth-child,属性选择器。
  4. 知道选择器的权重/优先级。

学习资源

习题

习题1 写满足以下条件的选择器

  • id为img-list的子元素中类名为img-itemspan元素
  • 类名不为not-normal-input的文本框(<input type="text">)元素的获得焦点状态
  • 在父元素中倒数第2个a元素
  • 在父元素中第3个整数倍,但不包括0,3的a元素

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 前端学习 第2周 第1天

    前端GoGoGo
  • jQuery 选取元素概要

    注意: 对于 jQuery 自定义的选择器,为了性能,先用 CSS 定义的选择器选,再从结果集中筛选时用 jQuery 自定义的选择器。如:

    前端GoGoGo
  • 前端学习 第2周 第2天

    前端GoGoGo
  • css选择器

                选择器{... !important} 则该选择器的优先级最高

    十月梦想
  • CSS基础02-CSS基础选择器

    选择器就是根据不同的需求把不同的标签选出来,这就是选择器的作用。简单来说就是选择标签用的。

    yangjiao
  • 【融职培训】Web前端学习 第2章 网页重构5 css选择器进阶

    上一节我们已经掌握了常用css选择器和css的一些常用属性,本节我们进一步扩展css选择器的内容包括内容如下:

    学习猿地
  • Web前端学习 第2章 网页重构5 css选择器进阶

    上一节我们已经掌握了常用css选择器和css的一些常用属性,本节我们进一步扩展css选择器的内容包括内容如下:

    学习猿地
  • 前端基础-CSS伪类选择器和类选择器一起使用

    cwl_java
  • 爬取数据不是非要Python

    最近有朋友问是否可以不用Python编程就能爬取数据并分析,想起来正好之前写了一篇文章,关于Web Scraper的使用,由于之前忘记标记原创,今天就再发一次。...

    用户1564362
  • 前端-CSS-初探-注释-语法结构-引入方式-选择器-选择器优先级-01(待完善)

    suwanbin

扫码关注云+社区

领取腾讯云代金券