知识点1:默认后代选择器(儿子孙子)>子代选择器(儿子)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .c1 .c2{ color: red; } .c1 p{
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> /*标签名选择器*/ p{ color: red; } /*id选择器*/ #i1{
<ul class="tree-ocx"> <li class="tree-ocx-li" data-displayed="false"> <div class="tree-ocx-tip">分类</div> <ul class="tree-ocx-body"> <li class="
jQuery的使用,笔者在以前的一个博文分类里已经有过介绍,此文只做jQuery的使用介绍,具体其它的见这个博文分类: https://www.cnblogs.com/lzhdim/category/174674.html 1、 基本使用; jQuery的使用,主要是选择器的使用,获取到HTML的基本标签后进行处理。对
在 CSS 选择器家族中,新增这样一类比较新的选择器 -- 逻辑选择器,目前共有 4 名成员: :is :where :not :has 本文将带领大家了解、深入它们。做到学以致用,写出更现代化的选择器。 :is 伪类选择器 :is() CSS伪类函数将选择器列表作为参数,并选择该列表中任意一个选择器可以选择的元
div和ul li多层嵌套下的一个img需要添加鼠标移入的transform效果,直接用选择器选中img对应标签一直无法生效: .defaultImg:hover{ transform: scale(1.2); } 最后在在li标签下给img外面加了div包裹,修改了选择器写法: .imgUl .imgLi:hover .imgDiv img{ transform: scale(1
有些时候需要用到mouseover和mouseout这两个鼠标事件,但是写js又比较麻烦,还要添加监听事件,所以能用css解决的东西尽量yongcss解决,这样可以提高性能,下面说一下我对:hover 的了解: 之前在学计算机应用的时候,老师教我们使用了:hover选择器来完成下拉菜单,之前只知道怎么使用,并不知道
一、元素(类型)选择器 最常见的 CSS 选择器是元素选择器。换句话说,文档的元素就是最基本的选择器。 如果设置 HTML 的样式,选择器通常将是某个 HTML 元素,比如 p、h1、em、a,甚至可以是 html 本身: html {color:black;} h1 {color:blue;} h2 {color:silver;} 亲自试一试 在 W3C 标准中,
Element UI中Select选择器的下拉选项是普通的列表,但是有些情况下,需要提供下拉菜单,这时就需要结合Select选择器和树形控件Tree了,其代码如下 <template> <div class="about"> <!-- 选择器选项以树形控件展示 --> <el-select v-model="form.id" placeholder="请选择" ref="
loop的官方定义是:会在原本slide 前后复制若干个slide (默认一个)并在合适的时候切换,让Swiper看起来像是循环的。 故,在loop为true的轮播图中,如果使用id选择器,会导致id选择器被复制的问题,从而使绑定的事件可能不生效。 解决:将id选择器更改为class选择器即可。
伪元素和伪类 css2中的伪类和伪元素 css2规范中 伪元素和伪类都是在前面加单冒号 例如: :before,:hover等.... 锚伪类:a标签的伪类 a:link 向a标签添加样式 a:visited 改变已访问标签的颜色(默认蓝色)注意此伪类只能定于颜色 a:hover 向鼠标停留时添加样式 a:active 向选定的链接
标签也叫元素 标签分行标签(行元素)和块标签(块元素) 行元素:不独占一行,设置宽高无效,继承父级属性 块元素:独占一行,设置宽高有效继承父级属性(带有display:block;) 行内块(内联块级)不独占一行,设置宽高有效,继承父级属性(带有display:inline-block;) 行元素:span i em strong b s u a 块元素:h1
今日内容概要 使用requests爬取梨视频 requests+bs4爬取汽车之家 bs4遍历文档树 bs4搜索文档树 css选择器 内容详细 1、使用requests爬取梨视频 # 模拟发送http请求的库:requests---》只能发送http请求----》没有解析库--》re、bs4、lxml # requests-html:发送请求+解析xml # 视
基础选择器包括:标签选择器、类选择器、id选择器和通配符选择器。 1.标签选择器 标签选择器(元素选择器)是指用HTML标签名称作为选择器,按标签名称分类,为页面中某一类标签指定统一的CSS样式。 标签名 { 属性1: 属性值1; 属性2: 属性值2;
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>选择器的权重</title> <style> /* 当我们使用不同的选择器选择了相同的元素,又为其同一个样式设置了不同的值,
第一部分:Web应用基础 1、如何快速搭建一个本地的服务器(静态网页+数据API)? 2、如何利用编程显示网页内容?(Html5、CSS3、BOM、DOM、JavaScript页面脚本、jQuery选择器与JS原生选择器) 3、如何通过后台API读写数据?(Ajax网络数据调用:jQuery、axios) 4、如何构建复杂的交互?- 网页事件处理 5
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>子元素选择器</title> <style> /* 子元素选择器 作用:选中父元素的指定元素 语法:父元素 > 子元素
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>类选择器</title> <style type="text/css"> /* 类选择器 作用:根据元素的class属性选中元素
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>选择器分组</title> <style> /* 选择器分组 作用:可以同时为多个选择器设置相同的样式 语法:选择器1,选择
CSS - 学习笔记 一、什么是CSS Cascading Style Sheet 层叠级联样式表 CSS : 表现(美化网页) 字体,颜色,边距,高度,宽度,背景图片…… 二、CSS 基本语法 <!-- 规范 style type="text/css" 可以编写css的代码 每一个声明使用分号结尾 语法: 选择器 { 声明1; } --> <styl
大家好,我是半夏
jQuery语法使用 导入包 <!--导入jquery包--> <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> 文档:https://jquery.cuishifeng.cn/element.html 公式: $(选择器).action(事件) <!DOCTYPE html> <html lang="en&q
js遍历树,多层嵌,递归循环 elementUI Cascader 级联选择器数据结构拼接 目的:后端传入数据和elementUI Cascader组件使用数据不一致 ,树形结构未知层级 原始数据: JavaScript { "success":true, "code":10000, "message":"操作成功", "data":[ {
1.dom对象 和jQuery 对象 dom对象,var obj= document.getElementById("txt1"); obj是dom对象,obj.value; jQuery对象, var jobj = $("#txt1") , jobj就是使用jquery语法表示的对象。 也就是jquery对象。 它是一个数组。
1.jQuery简单认识 中文网址 英文jQuery 是封装好的库 1.1jquery导入的两种方式 方法1:下载到本地 一种是去英文网址,找到 然后右键点击保存为,就可以下载到本地了,然后在文件中创建lib文件夹,将该下载好的文件放入,该文件夹 方法2:cdn 需要网络 直接找到cdn jquery