`

css选择器,一共有三种

 
阅读更多

ps:标记为学习笔记的博文,只是个人总结,以后有空看看。大家都可以去web上找到原文,因为这里不会给你太多。

css选择器一般有三种,后代选择器,子选择器,兄弟选择器。

后代选择器:比如说找 div 下面的某个table 

 div.users-list  table.users

 

子选择器: body下面的div 

boy > div

 兄弟选择器:同一个div下的ul 和ol

ul + ol

 

 

 

 

 

 

 

 

 

分享到:
评论

相关推荐

    CSS选择器.pdf

    在CSS选择器的体系中,存在多种不同类型的选择器,每种都有其特定的用途和使用场景。 首先,元素选择符是最基本的类型,包括通配符选择器、标签选择器、id选择器和class选择器。通配符选择器用“*”表示,可以选中...

    react-React组件的css选择器

    在React开发中,CSS选择器是用于特定于组件的样式化的一种强大工具。React组件的样式管理是一个关键的方面,因为它影响着应用的可维护性和性能。本篇将深入探讨React组件与CSS选择器的结合使用,以及如何优化组件的...

    CSS选择器-.pdf

    此外,CSS 还提供了分组选择器,可以将多个选择器分组在一起,并应用同样的样式。例如: ```css h2, p {color: gray;} ``` 这将将 h2 和 p 元素的颜色设置为灰色。 分组选择器可以将任意多个选择器分组在一起,对此...

    CSS基本选择器实用PPT课件.pptx

    基本选择器有两种:标记选择器和类别选择器。 3.1 标记选择器 标记选择器是 CSS 中最基本的选择器,它可以定义几乎所有 HTML 标记中的内容样式。例如: p { font-family: " 宋体 "; } 3.2 类别选择器 类别选择...

    前端必须掌握的css选择器方法

    下面是前端开发中经常使用的 30 个 CSS3 选择器,包括通用元素选择器、ID 选择器、类选择器、标签选择器、伪类选择器、毗邻元素选择器、子元素选择器、属性选择器等。 1. 通用元素选择器 * 通用元素选择器*是选择...

    30个最常用css选择器解析

    "CSS选择器详解" CSS选择器是CSS样式语言中最基本的组成部分,它们定义了样式应用于...CSS选择器是CSS样式语言中最基本的组成部分,每种选择器都有其优点和缺点,选择合适的选择器可以提高CSS代码的效率和可维护性。

    python爬虫之css选择器

    #### 三、CSS选择器分类及示例 ##### 1. 基本选择器 - **类选择器**:`.class` 示例:`.intro` 描述:选择所有class属性为"intro"的元素。 - **ID选择器**:`#id` 示例:`#firstname` 描述:选择所有id属性...

    一种可视化的方式来分析选择器在CSS中的特殊性

    本文将深入探讨CSS选择器特殊性,并介绍一种可视化方法来帮助开发者更有效地理解和管理CSS样式。 首先,我们来看看CSS选择器特殊性的计算规则。特殊性分为四个等级: 1. **ID选择器**(#id):每个ID选择器赋予100...

    css选择器的应用

    ### CSS选择器的应用 #### CSS概述与引入方式 CSS(层叠样式表)是一种用于定义HTML文档中元素样式的语言。它允许开发者控制网页布局、颜色、字体等外观特性,从而增强网页的表现力。CSS可以通过多种方式引入: -...

    scrapy爬虫之CSS选择器(比前面两个更全)

    综上所述,本Scrapy爬虫项目通过CSS选择器提供了一种全面的方法来抓取和处理网页数据。了解并熟练使用CSS选择器是提高Scrapy爬虫效率的关键,尤其是在处理结构化的HTML页面时。结合Python3和Scrapy 1.0.3版本,这个...

    CSS选择器详细介绍

    常用选择器是 CSS 选择器中最基本的选择器,包括三种类型:ID 选择器、类选择器和标签选择器。 * ID 选择器:根据元素的 ID 来选择元素,例如 `#demoDiv{color:#FF0000;}`。在 HTML 中,元素可以定义一个 ID 属性,...

    利用css+javascript实现的一个日期选择器代码

    【描述】:“通过css、javascript实现一个日期选择器的源代码,实用方便”说明了这个代码实现的日期选择器具有实际应用价值,易于使用,并且结合了CSS和JavaScript的优势,为用户提供良好的交互体验。CSS负责视觉...

    HTML5+CSS3 城市选择器

    在这个"HTML5+CSS3 城市选择器"项目中,开发者巧妙地利用了这两门技术的优势,构建了一个灵活的城市选择器组件,能够实现多选和单选功能,并允许用户最多选择三个城市。 首先,HTML5在其中扮演的角色主要是提供页面...

    在CSS中,选择器有哪些类型和作用

    选择器在CSS中,选择器有哪些类型和作用在CSS中,选择器有哪些类型和作用在CSS中,选择器有哪些类型和作用在CSS中,选择器有哪些类型和作用在CSS中,选择器有哪些类型和作用在CSS中,选择器有哪些类型和作用在CSS中...

    树使用css选择器优化代码(IE7+,firefox3,opera9,chrom下可用)

    在前端开发中,CSS选择器是用于选取网页元素并应用样式的重要工具。高效的CSS选择器能够提高页面渲染速度,优化用户体验,特别是在处理大型或者复杂的页面结构时显得尤为重要。本篇文章将探讨如何使用CSS选择器来...

    CSS选择器和jQuery选择器

    本文将深入探讨两种常用的选择器——CSS选择器和jQuery选择器,并通过具体的例子来帮助读者更好地理解和掌握它们。 #### 二、CSS选择器 CSS选择器是CSS的核心功能之一,用于定义哪些HTML元素应该应用特定的样式。...

    css属性选择器理解案列

    理解css属性选择器

    前端css选择器练习diner.zip

    "前端css选择器练习diner.zip" 是一个针对CSS选择器学习和实践的资源包,名为"css-diner"。 在"css-diner"这个练习中,你可以深入理解并掌握各种CSS选择器的用法,从而提升你的前端开发技能。以下是一些关于CSS选择...

Global site tag (gtag.js) - Google Analytics