css选择器 | 易学教程

前端入门笔记之CSS篇

阅读更多关于前端入门笔记之CSS篇

OXO1 写在前面一.html和css 1.HTML和CSS的对比（1）HTML只关注语义和结构，主要是对网页元素的整理和分类。（2）CSS的主要使用场景就是美化页面，布局页面。（3) CSS和HTML搭配使用，实现网页结构，表现分离。 2.CSS概述（1）概念 CSS是叠层样式表（Cascading Style Sheets），也称为CSS样式表或级联样式表。也是一种标记语言。（2)作用 CSS主要用于设置HTML页面中的文本内容(字体，大小，对齐方式等)，图片的外形（宽高，边框样式，边距等）以及版面布局和外观显示样式。 (3)CSS语法 CSS主要是由选择器以及一条或者多条申明组成。选择器 { 属性1: 值1；属性2: 值2； } demo : p { color: red; font-size: 12px; } 注：选择器：指定修改样式的目标声明：要改成的样式（4）CSS注释： /* 我是被注释掉的内容 */ OXO2 CSS上选择器分为：基础选择器和复合选择器两大类。一. 基础选择器基础选择器分为：标签选择器，类选择器，id选择器和通配符选择器。 1.标签选择器 (1) 标签选择器(元素选择器)是指用HTML标签名称作为选择器，按照标签分类，为页面中某一类型的标签，指定统一的CSS样式。 (2)语法标签名 { 属性1：值1；属性2：

pyquery 的用法 --爬虫解析库

阅读更多关于 pyquery 的用法 --爬虫解析库

如果你对 Web 有所涉及，如果你比较喜欢用 CSS 选择器，如果你对 jQuery 有所了解，那么这里有一个更适合你的解析库 ——pyquery 。接下来，我们就来感受一下 pyquery 的强大之处。 1. 准备工作在开始之前，请确保已经正确安装好了 pyquery 。若没有安装 pip install pyquery 。 2. 初始化像 Beautiful Soup 一样，初始化 pyquery 的时候，也需要传入 HTML 文本来初始化一个 PyQuery 对象。它的初始化方式有多种，比如直接传入字符串，传入 URL ，传入文件名，等等。下面我们来详细介绍一下。字符串初始化首先，我们用一个实例来感受一下： html = ''' <div> <ul> <li class="item-0">first item</li> <li class="item-1"><a href="link2.html">second item</a></li> <li class="item-0 active"><a href="link3.html"><span class="bold">third item</span></a></li> <li class="item-1 active"><a href="link4.html">fourth item</a></li> <li

CSS

阅读更多关于 CSS

1.概念 1.概念：Cascading Style Sheets层叠样式表　　层叠：多个样式可以作用在同一个html元素上，同时生效 2.好处：功能强大，将内容展示和样式控制分离。　　1.降低耦合度。　　2.让分工协作更容易。　　3.提高开发效率。 2.html与css的结合方式 1.内联样式：在标签内使用style属性指定CSS代码。 2.内部样式：在head标签内，定义style标签，style标签的标签体内容就是css代码 3.外部样式　　1.定义css资源文件　　2.在head标签内，定义 link标签，引入外部的资源文件。注：1，2，3种方式作用范围越来越大。常用2,3方式 3.css基本语法 1.格式：　　选择器 { 　　　　属性名1：属性值1；　　　　属性名2：属性值2；　　　　。。。　　} 2.选择器：筛选具有相似性质的元素注意：每一对属性需要使用；隔开，最后一对属性可以不加分号 4.选择器 1.基础选择器　　1.id选择器：选择具体的id属性值的元素。　　　　语法：#id值{} 　　2.元素选择器：选择具有相同标签名称的元素（id选择器优先级要高于元素选择器）　　　　语法：标签名称{} 　　3.类选择器：选择具有相同的class属性值的元素　　　　语法：.class属性值{} 优先级：1>3>2 2.扩展选择器　　1

使用选择器语法来查找元素

阅读更多关于使用选择器语法来查找元素

问题你想使用类似于CSS或jQuery的语法来查找和操作元素。方法可以使用 Element.select(String selector) 和 Elements.select(String selector) 方法实现： File input = new File("/tmp/input.html"); Document doc = Jsoup.parse(input, "UTF-8", "http://example.com/"); Elements links = doc.select("a[href]"); //带有href属性的a元素 Elements pngs = doc.select("img[src$=.png]"); //扩展名为.png的图片 Element masthead = doc.select("div.masthead").first(); //class等于masthead的div标签 Elements resultLinks = doc.select("h3.r > a"); //在h3元素之后的a元素说明 jsoup elements对象支持类似于 CSS (或 jquery )的选择器语法，来实现非常强大和灵活的查找功能。. 这个 select 方法在 Document , Element ,或 Elements 对象中都可以使用

JQuery基础选择器

阅读更多关于 JQuery基础选择器

element（标签、元素）选择器：$("div") 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>element选择器</title> 5 <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script> 6 </head> 7 8 <body> 9 <button id="btntest">点我</button> 10 <script type="text/javascript"> 11 $("button").attr("disabled","true"); 12 </script> 13 </body> 14 </html> id选择器：$("#id") 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>#id选择器</title> 5 <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script> 6 </head> 7 8 <body> 9 <div id="divtest">div的内容</div> 10 <div id="default"></div

前端-css-长期维护

阅读更多关于前端-css-长期维护

############### CSS简介 ################ # CSS # HTML是骨架 # CSS是样式 # JS是动作 # css和html是分成两个文件编写的，这也是体现了文档内容和样式的解耦， # CSS：层叠样式表(英文全称：Cascading Style Sheets) ############### CSS的内容列表 ################ css的内容列表 1，css的引入，三种方式 2，css的选择器，基本选择器，有四种，p # . * 组合选择器，属性选择器分组和嵌套伪类选择器伪元素选择器选择器的优先级 3，css的各种属性，宽和高，width，height，字体属性，font-size，font-weight，color，文字属性，text-align，text-decoration，text-indent，背景属性，background-color，background-repeat，background-image，background-position， display 盒子模型，margin外边距，border边框，padding内填充，content内容 float，三种取值，left，right，none， clear，清除浮动， overflow，溢出属性，定位position， 4

冰冻三尺非一日之寒--jQuery

阅读更多关于冰冻三尺非一日之寒--jQuery

第十七章 jQuery http://jquery.cuishifeng.cn/ 一.过滤选择器：目的：处理更复杂的选择，是jQuery自定义的，不是CSS3中的选择器。语法：jQuery的过滤选择器借鉴了css中伪类的语法，即选择器以冒号（：）开始。　　　　jQuery常用的过滤选择器　　选择器说明 :animated　所有处于动画中的元素 :button 所有按钮，包括input[type=button]、input[type=submit]、input[type=reset]和<button>标记 :checkbox 所有复选框，等同于input[type=checkbox] :checked 选择被选中的复选框或单选框 :contains( characters ) 选择所有包含了文本" characters "的元素 :disabled 页面中被禁用了的元素 :enabled 页面中没有被禁用的元素 :file 表单中的文件上传元素，等同于input[type=file] :header 选中所有标题元素，例如<h1>~<h6> :hidden 匹配所有的不可见元素，例如设置为display:none的元素或input元素的type属性为“hidden”的元素 :image 表单中的图片按钮，等同于input[type=image] :input

jQuery总结

阅读更多关于 jQuery总结

一、jQuery初步认知 jQuery概述 JQuery概念 javascript概念基于Js语言的API和语法组织逻辑，通过内置window和document对象，来操作内存中的DOM元素 JQuery概念基于javascript的，同上，提高了代码的效率 jQuery是什么: 是一个javascript代码仓库，我们称之为javascript框架。是一个快速的简洁的javascript框架，可以简化查询DOM对象、处理事件、制作动画、处理Ajax交互过程。它可以帮我们做什么(有什么优势) 轻量级、体积小，使用灵巧(只需引入一个js文件) 强大的选择器出色的DOM操作的封装出色的浏览器兼容性可靠的事件处理机制完善的Ajax 链式操作、隐式迭代方便的选择页面元素(模仿CSS选择器更精确、灵活) 动态更改页面样式/页面内容(操作DOM，动态添加、移除样式) 控制响应事件(动态添加响应事件) 提供基本网页特效(提供已封装的网页特效方法) 快速实现通信(ajax) 易扩展、插件丰富如何引入JQuery包引入本地的JQuery 引入Google在线提供的库文件（稳定可靠高速）使用Google提供的API导入写第一个JQUery案例解释:在JQuery库中，$是JQuery的别名，$()等效于就jQuery() <script type=“text

第 2 章前端基础之CSS

阅读更多关于第 2 章前端基础之CSS

一、CSS语法 CSS规则由两个主要的部分构成：选择器，以及一条或多条声明。 1 ''' 2 selector { 3 property: value; 4 property: value; 5 ... property: value 6 } 7 ''' 例如： 1 h1 {color:red; font-size:14px;} 二、CSS的四种引入方式 1、行内式行内式是在标记的style属性中设定CSS样式，这种方式没有体现CSS的优势，不推荐使用。 1 < p style ="background-color: rebeccapurple" > hello yuan </ p > 2、嵌入式嵌入式是将CSS样式集中写在网页的<head></head>标签对的<style></style>标签对中。格式如下： <head> <meta charset="UTF-8"> <title>Title</title> <style> p{ background-color: #2b99ff; } </style> </head> 3、链接式将一个.css文件引入到HTML文件中。 < link href ="mystyle.css" rel ="stylesheet" type ="text/css" /> 4、导入式将一个独立的.css文件引入HTML文件中

css3系列-1.css基础知识入门

阅读更多关于 css3系列-1.css基础知识入门

css3系列-1.css基础知识入门 1.css 如何引用内部外部内联代码示例内部css代码示例 <head> <meta charset="UTF-8"> <title>index</title> <style> h1{ color: red; } </style> </head> 外部css代码示例 <head> <meta charset="UTF-8"> <title>index</title> <link rel="stylesheet" href="test.css"> </head> <body> <h1>微信公众号：全栈学习笔记</h1> </body> css文件里面的代码（test.css） h1{ color: red; } 内联css代码示例 <h1 style="color:red"> 这里推荐使用第二种方式，尽量不使用其他两种方式，第二种方式可以是html文件与css文件分离，代码可阅读性以及维护性更强 2.css 优先级内联style id选择器 class选择器标签所谓内联style就是上述的第三种方式，这种方式的css样式级别是最高的。什么是优先级？比如说我在一个标签里面，style设置了一个color属性，然后给这个标签加上一个class，就是外联上一个css文件。这个css文件里面写上这个class的css样式

订阅 css选择器