css选择器

Java网络爬虫笔记

旧巷老猫 提交于 2019-12-05 11:36:04
Java网络爬虫笔记 HttpClient来代替浏览器发起请求. select找到的是元素,也就是elements,你想要获取具体某一个属性的值,还是要用attr("")方法.标签里面的内容用text来获取 Selector选择器概述 tagname: 通过标签查找元素,比如:a ns|tag: 通过标签在命名空间查找元素,比如:可以用 fb|name 语法来查找 <fb:name> 元素 #id: 通过ID查找元素,比如:#logo .class: 通过class名称查找元素,比如:.masthead [attribute]: 利用属性查找元素,比如:[href] [^attr]: 利用属性名前缀来查找元素,比如:可以用[^data-] 来查找带有HTML5 Dataset属性的元素 [attr=value]: 利用属性值来查找元素,比如:[width=500] [attr^=value], [attr$=value], [attr*=value]: 利用匹配属性值开头、结尾或包含属性值来查找元素,比如:[href*=/path/] [attr~=regex]: 利用属性值匹配正则表达式来查找元素,比如: img[src~=(?i)\.(png|jpe?g)] *: 这个符号将匹配所有元素 Selector选择器组合使用 el#id: 元素+ID,比如: div#logo el

css学习之路(一)

浪尽此生 提交于 2019-12-05 11:35:18
一、CSS选择器:   1.基本选择器     1.1标签选择器       p a span div等等{}     1.2id选择器       #id名{}     1.3类选择器       .类名{}   2.复合选择器     2.1后代选择器       div a {} //选出div里面的所有a标签     2.2子代选择器       div>a {} //选出div的子级标签中的a标签     2.3并集选择器       div,a,p{} //选出所有的div、a、p标签     2.4交集选择器       div.n1{} //选出类名是n1的div标签     2.5链接伪类选择器       a:hover{} //鼠标移动到链接上,此时这个a标签就被选中了 二、标签的显示模式   提到这里就不得不说html只有三种类型的标签,也称元素   1.块级元素(块级标签)     特点:       1.1独占一行显示       1.2可以设置宽高       1.3宽度默认是父元素的宽度       1.4内部可以放置三类标签中的任意一种   2.行内元素(行内标签)     特点:       2.1可以跟其它行内元素同放在一行显示       2.2不可以设置宽高       2.3宽度是本身内容信息的宽度       2

CSS标签选择器&类选择器

南楼画角 提交于 2019-12-05 11:31:34
基本选择器包括标签选择器、类选择器和ID选择器三类,其他选择器都是在这三类选择器的基础上组合形成 ##标签选择器 示例: <style type="text/css"> p{ font-size:12px; color:red; } </style> 类选择器 标签选择器虽然方便,但是也存在缺陷,因为每个标签选择器所定义的样式不仅仅影响某一个特定对象,而且会影响到页面中所有同名的标签。 类选择器可以为网页对象定义不同的样式类,实现不同元素拥有相同的样式、相同的元素拥有不同的样式。 类选择器以一个"."为前缀开头,让后跟随一个自定义的类名 如图: 示例1: <!doctype html> <html> <head> <style type="text/css"> p{ font-size: 12px; font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif"; color: aqua; } </style> <meta charset="utf-8"> <title>示例</title> </head> <body> <p>问君能有几多愁,恰似一江春水向东流</p> <p>剪不断,理还乱,是离愁,别是一番滋味在心头</p> <p>独自莫凭栏,无限江山

jQuery选择器

二次信任 提交于 2019-12-05 11:26:19
$(...)支持所有css选择器。 css选择器 vs jQuery选择器:优先选择css选择器,因为效率高,jQuery选择器都是用js程序模拟的css选择器。 jQuery选择器参考手册: https://www.runoob.com/jquery/jquery-ref-selectors.html 来源: https://www.cnblogs.com/1016391912pm/p/11922382.html

CSS 基础

我的未来我决定 提交于 2019-12-05 07:41:00
CSS 介绍 CSS ( C ascading S tyle S heet ,层叠样式表 ) 定义 如何显示 HTML 元素。 当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式化(渲染) CSS语法 CSS实例 每个 CSS 样式由两个组成部分:选择器和声明。 声明又包括属性和属性值。每个声明之后用分号结束。 CSS注释 /*这是注释*/ CSS的几种引入方式 行内式 是在标记的 style 属性中设定 CSS 样式。不推荐大规模使用。 <p style="color: red">Hello world.</p> 内部样式 嵌入式是将 CSS 样式集中写在网页的 <head></head> 标签对的 <style></style> 标签对中。格式如下: <head> <meta charset="UTF-8"> <title>Title</title> <style> p{ background-color: #2b99ff; } </style> </head> 外部样式 外部样式就是将 css 写在一个单独的文件中,然后在页面进行引入即可。推荐使用此方式。 <link href="mystyle.css" rel="stylesheet" type="text/css"/> CSS选择器 基本选择器 元素选择器 p {color: "red";} ID选择器 #i1

day38 css

佐手、 提交于 2019-12-05 07:40:02
day38 css 内容回顾: 1.标签嵌套 行内标签, 块标签 行内标签不能嵌套块标签, 但不是绝对的 块标签可以嵌套块标签/行内标签 但是p标签:只可以嵌套字体,图片,表单,而且不能嵌套 2.table tr td 3.form: action methods(get|post) enctype input type text password submit: 与action相关 file: 与enctype相关,mothods一定是post请求 radio checkbox name value select option textarea rows clos lable for: 对应input里的id 4.python: input() print() 5.css 三种引入方式 行内样式> 内接样式, 外接样式 @import url() link link 基本选择器: 作用: 选中标签,设置属性 标签选择器 类名选择器 id选择器:未来与js有很大关联 通配符选择器 高级选择器: 组合选择器 今日内容 共性选择器, 和特性选择器的对比: '共性'简化代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> #p1{ font-size:

css选择器

冷暖自知 提交于 2019-12-05 06:07:29
标签选择器的权重是 1 Class选择器的权重是10 Id选择器的权重是100 行间样式的权重是1000 带有关键字 !important 的css属性 权重是无穷大 在选择器中,谁的权重大就选谁 权重=所有选择器权重的总和(权重相同的时候,后面的会覆盖前面的) Css选择器的两大特性 1.继承性 所有跟文本字体有关的属性都会被子元素继承。且权重是0000. 2.层叠性 就是解决选择器权重大小的一种能力,就是看那个选择器的权重大。谁的权重大听谁的。0010相当于255个0001. 来源: https://www.cnblogs.com/chuliwei/p/11909531.html

11.21

Deadly 提交于 2019-12-05 06:05:30
css选择器 选择器的权重 在css中,那个选择器的权重高,就走谁的样式 标签选择器的权重是1 class选择器的权重是10 ld选择器的权重是100 行间样式的权重是1000 带有关键字!important的css属性权重是无穷大 1 案例; P{ bockground:blue!important; } 权重的计算 将选择器上面的权重进行叠加,叠加后的总和计算该选择器的权重 权重相等的时候 后面的会覆盖前面的。 -- css选择器的种类 标签 权重是0001 类class 权重是 0010 相当于255个标签选择器 ld 权重是0100相当于255个类。 *通配符 代表所有的标签 权重是 0000 后代选择器 a p 权重是累加0011 子代选择器 a>p 权重是0011 交集选择器 a#as 案例 p a{ background:red; } 并集选择器 a,b 案例: b, a{ background:blue } 两.css的几种形式 1.行间样式 将style写在标签内的充当标签标签属性 2.行内样式 3.外联样式 css选择器的两大特性 1.继承性 所有跟文本字体有关的属性都会被子元素继承。且权重是0000 2.层叠性,就是解决选择器权重大小的一种能力,就是看那个选择器的权重大。谁的权重大听谁打。0010相当于255个0001 来源: https://www

jQuery 47

Deadly 提交于 2019-12-05 04:59:34
目录 jQuery jQuery介绍 jQuery的特性 jQuery对象 jQuery基础语法 查找标签 基本选择器 层级选择器 基本筛选器 属性选择器 表单筛选器 筛选器方法 操作标签 样式操作 位置操作 尺寸 文本操作 属性操作 文档处理 事件 常用事件 移除事件 阻止后续事件执行 阻止事件冒泡 页面载入 事件委托 动画效果 补充 each .data() jQuery jQuery介绍 jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互,能够极大地简化JavaScript编程。 Write less, do more jQuery的特性 一款轻量级的JS框架。jQuery核心js文件才几十kb,不会影响页面加载速度。 丰富的DOM选择器。 链式表达式。jQuery的链式操作可以把多个操作写在一行代码里,更加简洁。 事件、样式、动画支持。jQuery还简化了js操作css的代码,并且代码的可读性也比js要强。 Ajax操作支持。 跨浏览器兼容。 插件扩展开发,jQuery有着丰富的第三方的插件。 jQuery对象 jQuery对象是包装DOM对象后产生的,但是jQuery对象不能使用DOM对象的任何方法 var $variable =

1css选择器 选择器的权重,2.权重的计算规则 3.css选择器的种类 4css.外链样式

落爺英雄遲暮 提交于 2019-12-05 04:59:22
css选择器,选择器的权重,在css中 那个选择器权重高,就走谁的样式,标签选择器的权重是1 。 标签选择器的权重是10. id选择器的权重是100. 行内样式的权重是1000. 带有关键字的!important的属性 权重是无穷大的 p{ p background:blue !important; } 权重的计算 , 将选择器上面的权重进行叠加,叠加后的总和就是该选择器的权重。 #as .a p{ background:blue; } 3.权重的计算规则 内联样式,如:style=“...” 权重为1000 id选择器,如#content , 权重为0100 类, 伪类,属性选择器,如,content ,权重为0010 类型选择器,伪类素选择器,如div p 权值为0001 继承的样式没有权值。 权重相等的时候,后面的回覆盖前面。 p. b{ background:#ff0000; } .a span{ bacground:biue; } css选择器的种类 标签 权重是0001 类class权重是0010 相当于255 个标签选择器 id权重是0100 相当于255个类 *通配符 代表所有的标签 权重是0000 后代选择器是 .a p 权重是累加0011 子代选择器.a>p 权重是 0011 交集选择器.a#as p.a{ background: blue; } 并集选择器.a