`
fanfanlovey
  • 浏览: 73107 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

css选择器小记

    博客分类：
  • HTML
css选择器兄弟选择 
阅读更多
兄弟选择器

兄弟元素分为2种，一种临近兄弟，一种普通兄弟。临近兄弟用＋表示，普通兄弟，指定元素后面的兄弟节点 用～表示
举例说明： 
alert( $("div+p").size()); //结果1
alert( $("div~p").size()); //结果4
<body>
    <div></div>   
	<p>1</p>
	<p>2</p>
	<p>3</p>
	<p>4</p>
</body>


Class选择器 

<body>
<div class="container">
    <div class="active">
        <span class="container active">col-md-1</span>
        <div>col-md-2</div>
    </div>
</div>
</body>


$(".container .active").html() 
选择的内容是:
<span class="container active">col-md-1</span>
<div>col-md-2</div>

$(".container.active").html()

选择的内容是col-md-1
分享到：
| CSS动画学习
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

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

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

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

    相比XPath或其他方法，CSS选择器往往更简洁、直观，对于前端开发者来说尤其友好。 在Scrapy中，`Selector`类提供了对文档进行解析和提取数据的功能，而CSS选择器就是其主要的数据定位手段。使用CSS选择器，你可以像...

    css选择器的应用

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

    树使用css选择器优化代码（IE7+，firefox3，opera9，chrom下可用）

    CSS选择器分为多个级别，从基础的ID选择器(#id)、类选择器(.class)、元素选择器(element)到更复杂的后代选择器(element element)、子代选择器(element &gt; element)、属性选择器[element[attr]]、伪类选择器(:hover, :...

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

    **CSS选择器特殊性分析** 在CSS样式表中，选择器是用于指定元素样式的关键工具。它们决定了哪些规则将应用于页面上的特定元素。选择器的特殊性（Specificity）是CSS优先级的一种度量，用于解决当多个选择器同时影响...

    CSS选择器详细介绍

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

    30个最常用css选择器解析

    "CSS选择器详解" CSS选择器是CSS样式语言中最基本的组成部分，它们定义了样式应用于哪些HTML元素。选择器分为五种基本类型：标签选择器、class选择器、ID选择器、后代选择器和伪类选择器。 1. 星状选择符（*） 星...

    CSS3选择器总结CSS3选择器总结

    CSS选择器可以分为多种类型，包括id选择器、类选择器、标签选择器、交叉选择器、群组选择器、后代选择器和通用选择器。 - id选择器：通过元素的id属性来选择特定元素，使用#符号加上id名作为选择器（如#idname）。 ...

    css选择器 的概要介绍与分析

    CSS选择器的灵活性和多样性是CSS强大之处的关键因素之一。下面是一些关于CSS选择器的资源描述。 ### CSS选择器资源描述 #### 1. **官方文档与教程** - **MDN Web Docs**：Mozilla提供的MDN Web Docs是学习CSS选择...

    CSS选择器和jQuery选择器

    ### CSS选择器与jQuery选择器详解 #### 一、引言 在现代Web开发中，选择器扮演着至关重要的角色。无论是对HTML元素应用样式还是对其进行动态操作，选择器都是必不可少的工具。本文将深入探讨两种常用的选择器——...

    scrapy爬虫下的CSS选择器使用

    CSS选择器支持多种语法，包括标签选择器（如`div`），类选择器（如`.class_name`），ID选择器（如`#id_name`），以及属性选择器（如`[attr=value]`）。例如，获取所有类名为`article`的`&lt;p&gt;`元素： ```python ...

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

    【标题】：“利用css＋javascript实现的一个日期选择器代码”涉及的核心知识点主要集中在CSS样式设计和JavaScript编程上，用于创建一个交互式的日期选择组件。日期选择器是网页表单中常见的一种元素，允许用户方便地...

    css选择器介绍

    本文将深入探讨CSS选择器的种类、用法及其在实际开发中的应用。** 首先，我们要了解CSS选择器的基本分类： 1. **类型选择器**：基于元素的标签名进行选择，如`h1`，`p`等。 2. **类选择器**：使用`.`前缀，匹配...

    Go-Go的CSS选择器

    Go-Go的CSS选择器支持大部分标准的CSS选择器特性，包括类选择器、ID选择器、属性选择器、伪类选择器等。然而，由于Go语言本身的限制，可能不支持某些高级的CSS3选择器，比如`::before`、`::after`伪元素或复杂的组合...

    HTML5+CSS3 城市选择器

    另外，CSS3的Flexbox或Grid布局可以方便地实现选择器的响应式设计，使其在不同屏幕尺寸上都能正常显示。 JQuery库在这当中起到了辅助作用，它简化了JavaScript的DOM操作，使得事件处理、元素操作和动画效果的实现...

    css属性选择器理解案列

    理解css属性选择器

    让ie兼容css选择器

    ie7.js是一个由Dean Edwards开发的JavaScript库，它主要目的是让IE6和IE7支持一些CSS2.1及部分CSS3选择器，如类选择器（.class）、伪类（:hover、:focus等）和属性选择器（[attr=value]）。ie7.js通过动态创建DOM...

    Css选择器_案例】仿当当网首页

    在本案例中，通过仿制当当网首页，我们可以学习到CSS选择器的使用、样式的继承、样式的优先级、关键属性、块级和内联元素的区别以及一些常见属性。 CSS是“层叠样式表”（Cascading Style Sheets）的缩写，它描述了...

Magicbox
Global site tag (gtag.js) - Google Analytics