首页 > 其他分享 >CSS 选择器

CSS 选择器

时间:2024-11-25 17:11:25浏览次数:6  
标签:name name2 name1 div 选择器 CSS

最近在搞爬虫,这里稍微记录一下 CSS selector 的语法,不会很全,遇到了再补充。

参考:https://blog.csdn.net/molangmolang/article/details/136334759

id 和 类选择器

CSS selector 用于在一段 html 代码中快速定义一个标签(一群标签)

最常见的:

<\div>

对于 class 这样的,用 .name,即 div.name

如果是

<\div> 就用 div#name

子孙选择器

如果用空格连接两个选择器,就构成子孙关系,例如:
div.name1 div.name2
会查找 div.name1 下的所有 div.name2

儿子选择器:

div.name1->div.name2
会查找 div.name1 下的儿子 div.name2

标签:name,name2,name1,div,选择器,CSS
From: https://www.cnblogs.com/coldchair/p/18568126

相关文章

  • HTML-CSS-JS-day01:html常见的标签
    前端--一、相关概念1、前后端--技术层面程序运行在客户端上,这样的程序称为前端程序运行在服务器端2、前后台--应用层面如果服务是面向所有用户,这样的服务称为前台服务如果服务是面向相关的管理或者维护人员,这样的服务称为后台服务二、web(网页)访问流程基于http/htt......
  • 使用css实现一个响应式汉堡包菜单
    <!DOCTYPEhtml><htmllang="zh"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>响应式导航菜单</title>......
  • 使用纯CSS代码实现动画的暂停与播放
    /*Containerfortheanimatedelement*/.animation-container{width:100px;height:100px;background-color:red;/*Initially,theanimationplays*/animation-play-state:running;/*orpausedtostartpaused*/animation:move5slineari......
  • Reset CSS和Normalize CSS的区别是什么?
    reset.css和normalize.css都是为了解决浏览器默认样式不一致的问题,但它们的目标和方法不同:ResetCSS(例如:EricMeyer'sResetCSS)目标:将所有元素的样式重置到一个统一的基线,消除浏览器之间的差异。它追求的是一种“白板”状态,所有元素的样式都从零开始。方法:通常会将......
  • 【快速入门】前端御三家:HTML、CSS和JS
    HTMLHTML,超文本标记语言,可以理解成骨架,是一个基础的东西。一.基础结构如图所示:二.常见标签1.标题标签在页面上定义标题性的内容<h1>一级标题</h1><h2>二级标题</h2><h3>三级标题</h3><h4>四级标题</h4><h5>五级标题</h5><h6>六级标题</h6>2.段落标签用于在页面上......
  • [CSS] Houdini CSS to animate linear gradient background
    https://developer.mozilla.org/en-US/docs/Web/API/Houdini_APIs<!doctypehtml><htmllang="en"><head><metacharset="utf-8"/><title>Houdini</title><linkrel="stylesheet"......
  • CSS的overflow属性定义溢出元素内容区的内容会如何处理呢
    CSS的overflow属性定义了当一个元素的内容溢出其指定区域时该如何处理。它可以应用于块级元素和行内替换元素,并接受以下值:visible(默认值):溢出的内容会渲染在元素框之外。这是默认行为,不会裁剪或隐藏任何内容,可能会覆盖其他元素。hidden:溢出的内容会被裁剪,并且不......
  • CSS的伪类和伪对象有什么不同?
    CSS伪类和伪元素之间的主要区别在于它们选择的内容以及如何使用它们。伪类选择现有元素的特定状态,而伪元素创建新的抽象元素,这些元素不是文档树的一部分。更详细的区分:伪类(Pseudo-classes)选择什么:选择处于特定状态的现有元素。例如,链接的悬停状态、表单元素的焦点状态......
  • 写出几个初始化CSS的样式,并解释说明为什么要这样写
    以下是一些初始化CSS样式,并解释了为什么这样写:/*重置内外边距*/*{margin:0;padding:0;}/*继承box-sizing*/*,*::before,*::after{box-sizing:inherit;}html{box-sizing:border-box;/*使用border-box模型*/font-size:62.5%;/*设置......
  • 说说你对CSS样式覆盖规则的理解
    CSS样式覆盖规则决定了当多个样式规则应用于同一个HTML元素时,哪个样式最终生效。其核心原则是特异性、继承和层叠顺序。1.特异性(Specificity):特异性决定了哪个样式规则更“具体”地针对目标元素。特异性越高,优先级越高。计算特异性可以将其分解为四个级别(从高到低):内联样式......