css选择器 | 易学教程

CSS属性相关知识

阅读更多关于 CSS属性相关知识

Css选择器选择器的权重在css中，哪个选择器的权重高，就走谁的样式。标签选择器的权重是 1 Class选择器的权重是10 Id选择器的权重是100 行间样式的权重是1000 带有关键字 !important 的css属性权重是无穷大权重的计算将选择器上面的权重进行叠加，叠加后的总和就是该选择器的权重。权重相等的时候后面的会覆盖前面的。 Css选择器的种类标签权重是0001 类class 权重是 0010 相当于255个标签选择器 Id 权重是 0100 相当于255个类 *通配符代表所有的标签权重是 0000 后代选择器 .a p 权重是累加 0011 子代选择器 .a>p 权重是 0011 交集选择器.a#as 并集选择器.a,.b Css的几种形式 1.行间样式将style写在标签内的充当标签标签属性行内样式 3.外联样式 Css选择器的两大特性继承性所有跟文本字体有关的属性都会被子元素继承。且权重是0000. 层叠性就是解决选择器权重大小的一种能力，就是看那个选择器的权重大。谁的权重大听谁的。0010相当于255个0001. 来源： https://www.cnblogs.com/zhangyuxinxin/p/11908076.html

CSS关于选择器和继承的一些小问题：

阅读更多关于 CSS关于选择器和继承的一些小问题：

选择器的分组对选择器进行分组，这样在同一组的选择器就可以分享相同的声明。使用逗号将需要分组的选择器分开 h1,h2,h3,h4,h5{ color:green; font-family:"sans serif"; } 继承的一些问题 1、继承根据css子元素继承父元素属性，但它并不总是这样： body{ font-family: Verdana,sans-serif; } 根据以上代码，站点的body元素将使用Verdana字体 CSS的子元素将继承最高元素所拥有的属性（上例子中为body元素），即所以body的子元素都应当显示Verdana字体，子元素的子元素也一样访问W3C 在以前浏览器在“大乱斗”的时候，这种规则没有得到统一，所以在一些老浏览器中未必可以实现 2、如何摆脱继承在某些特殊的情况下，比如你不希望某个子元素继承父元素的某些属性，那么该如何摆脱 “血继限界” 、 “刻在DNA里的” 父元素的属性呢？ body{ font-family:Verdana,sans-serif; font-size:12px; color:red; } td,ul,ol,li,dt,dd{ font-samily:Verdana,sans-serif; font-size:20px; color:blue; } p{ /* 即为P单独开一个特殊的规则，就可摆脱 */ font

css中常用的选择器和选择器优先级

阅读更多关于 css中常用的选择器和选择器优先级

css常用的选择器:类选择器,id选择器,元素选择器,伪类选择器,伪元素选择器,属性选择器. 选择器的优先级由四个部分组成:0,0,0,0 一个选择器的具体优先级如下规则确定: ID选择器加 0,1,0,0 类选择器,伪类选择器,属性选择器加0,0,1,0 元素和伪元素选择器加0,0,0,1 结合符和通配符对优先级没有贡献例子 h1{color:red;} /* 优先级为 0,0,0,1 */ p em{color:purple;} /* 优先级为 0,0,0,2 */ p.bright em.dark{color:maroon;} /* 优先级 0,0,2,2 */ id2 {color:blue;} /* 优先级 0,1,0,0 */ 一些常用的选择器类 id 元素选择器 <li class="red">1</li> <li id="blue">2</li> <li class="red">3</li> <li>4</li> <style> .red{color:red;} #blue{color:blue;} li{color:green;} *{font-size:16px;} </style> 伪类选择器 <a href="https://www.baidu.com">链接</a> <style> a:link{color:blue;} a:visited

CSS基础

阅读更多关于 CSS基础

CSS简介：　　CSS（cascading style sheets）：层叠样式表。　　WEB标准中的表现标准语言，表现标准语言在网页中主要对网页信息的显示进行控制，简单说就是如何修饰网页信息的显示样式。　　用来修饰XHTML或者XML等样式文件的计算机语言。 CSS语法：　　　　选择符表示要定义样式的对象，可以是元素本身，也可以是一类元素或者制定名称的元素。　　属性：属性是指定元素所具有的属性，她是CSS的核心，CSS2共有150多个属性。　　属性值：属性值包括法定属性值以及常见的数值加单位，如30px，或者颜色值等。 CSS样式创建：　　1、内部样式表：语法： <style type="text/css"> /*CSS语句*/ </style> 注：使用style标记创建样式时，最好将该标签写在<head></head>标签之间　　2、外部样式： <link rel="stylesheet" type="text/css" href="目标文件的路径及文件名全称"> 说明：使用link元素导入外部样式表时，需要将元素写在文档头部，即<head></head>之间。 rel（relation）：用于定义文档关联，表示关联样式表； type：定义文档类型； <style type="text/css"> @import url(目标文件的路径及文件名称)；

css选择器，权重

阅读更多关于 css选择器，权重

css选择器选择器的权重在css中，那个选择器的权重高，就走谁的样式标签选择器的权重是1 class选择器的权重是10 id选择器的权重是100 行间样式的权重是1000 带有关键字！important 的 css 属性权重无穷大例子：p{ background: red!important; } 权重的计算将选择器上面的权重进行叠加后的总和就是该选择器的权重例子： #auc .a p{ background-color：red； } （总权重是：#auc .a p）权重计算的规则内联样式，如：style+“.....”权值为1000 id选择器，如：#content，权值为0100 类，伪类，属性选择器，如content，权值为0010 类型选择器，伪类选择器，如div p，权值为0001 继承的样式没有权值权重相等的时候，后面的会覆盖前面的例子： <style type="text/css"> p .noa{ background-color: red; } .nva span{ background-color: aqua; } </style> </head> <body> <p class="noa"> <span class="nva"> hello </span> </p> </body> css选择器的种类标签权重是0001 类class

css三大特性及权重说明

阅读更多关于 css三大特性及权重说明

一、三大特性简述层叠性：后来的覆盖前面的（长江后浪推前浪）继承性：子标签会继承父标签的某些样式（跟文字有关的一般都会继承）优先级：设计到一个算法“css特殊性（Specificity）” specificity用一个四位的数来表示，从左到右左面的值最大，数位之间没有进制级别之间不可超越继承或者*的贡献值 0，0,0,0 每个元素（标签）贡献值为0,0,0,1 每个类，伪类的贡献值 0,0,1,0 每个ID的贡献值为 0,1，0,0 每个行内样式贡献值 1,0,0,0 每个！important 无穷大 !important的用法 div { color: red!important; } 二、优先级高低总结相等价的时候取就近原则权重可叠加叠加 1.使用了！important申明的规则 2.内嵌在HTML元素的style属性里面的申明 3.使用了ID选择器的规则 4.使用了类选择器、属性选择器、伪元素和伪类选择器 5.使用了元素选择器的规则 6.只包含一个通用选择器的规则 7.同一类选择器则遵循就近原则来源： https://www.cnblogs.com/guniang/p/11904446.html

前端 jQuery 基础

阅读更多关于前端 jQuery 基础

目录 jQuery介绍优势： jQuery内容： jQuery对象 jQuery基本语法：$(selector).action() jQuery选择器基本选择器 id选择器： $("#id") 标签选择器： $("tagName") class选择器： $(".className") 结合使用： $("div.c1") // 找到有c1 class类的div标签所有元素选择器： $("*") 组合选择器： $("#id, .className, tagName") 层级选择器：基本筛选器：属性选择器：表单筛选器：筛选器方法下一个元素：上一个元素：父亲元素：儿子和兄弟元素：查找筛选补充操作标签样式操作样式类 CSS 位置操作尺寸：文本操作属性操作文档处理添加到指定元素内部的后面添加到指定元素内部的前面添加到指定元素外部的后面添加到指定元素外部的前面移除和清空元素替换克隆事件常用事件事件绑定移除事件阻止后续事件执行阻止事件冒泡页面载入事件委托动画效果 each .each(function(index, Element))： jQuery介绍 1、jQuery是一个轻量级的、兼容多浏览器的JavaScript类库。 2、jQuery使用户能够更方便地处理HTML Document、Events

JQuery：

阅读更多关于 JQuery：

一 jQuery是什么？ <1> jQuery由美国人John Resig创建，至今已吸引了来自世界各地的众多 javascript高手加入其team。 <2>jQuery是继prototype之后又一个优秀的Javascript框架。其宗旨是——WRITE LESS,DO MORE! <3>它是轻量级的js库(压缩后只有21k) ，这是其它的js库所不及的，它兼容CSS3，还兼容各种浏览器 <4>jQuery是一个快速的，简洁的javaScript库，使用户能更方便地处理HTMLdocuments、events、实现动画效果，并且方便地为网站提供AJAX交互。 <5>jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。二什么是 jQuery 对象？ jQuery 对象就是通过 jQuery 包装 DOM 对象后产生的对象。 jQuery 对象是 jQuery 独有的 . 如果一个对象是 jQuery 对象 , 那么它就可以使用 jQuery 里的方法 : $(“#test”).html(); $("#test").html() //意思是指：获取ID为test的元素内的html代码。其中html()是jQuery里的方法 // 这段代码等同于用DOM实现代码： document.getElementById("

网页基本内容、标签、选择器、git使用

阅读更多关于网页基本内容、标签、选择器、git使用

回顾学习历程创建一个html5的网页网页基本要素DOCTYPE、html、head、body 声明是H5： <!DOCTYPE html> 声明H4（已经过时）： <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> HTML网页文档的根要素，或者叫做根标记，是网页文档中最外层的标记。 <html lang="zh"></html> 属性是lang="zh"设置网页描述语言为中文 HTML其他的特殊属性： manifest <html manifest="example.appcache"></html> 指定网页缓存文件，可以让用户在离线的时候（比如说在飞机上时）也能够访问页面。 xmlns <html xmlns="http://www.w3.org/1999/xhtml"></html> 设置html文档的名空间，比如把网页设置成xhtml的时候可以用这个属性 meta标记 <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content=

类选择器

阅读更多关于类选择器

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> .fanfan{ /*声明类样式*/ color: red; } .guoguo{ color: blue; } </style> </head> <body> <div class="fanfan"> 饭饭 </div>  <div class="guoguo"> 果果 </div> <div> 零食 </div> </body> </html> 来源： https://www.cnblogs.com/zhangqq1020/p/11898126.html

订阅 css选择器