css选择器 | 易学教程

CSS 选择器的兼容性

阅读更多关于 CSS 选择器的兼容性

参考网站 http://blog.csdn.net/yume_sola/article/details/70215695 http://www.youdiancms.com/jianrong/614.html 标签选择器就是用标签名来当做选择器。 1 、所有标签都能够当做选择器，比如body、h1、dl、ul、span等等 2 、不管这个标签藏的多深，都能够被选择上。 3 、选择的是所有的，而不是某一个。所以是共性，而不是特性。希望页面上所有的超级链接都没有下划线： a{ /*去掉下划线：*/ text-decoration: none; } id选择器（#X) # 表示选择id，在选择器中使用 # 可以用id来定位某个元素。然后使用的时候需要问自己一下：我是不是必须要给这个元素来赋值个id来定位它呢？ id 选择器是很严格的并且你没办法去复用它。 #pp{ color:black; } (1）任何的标签都可以有id，id的命名要以字母开头，可以有数字、下划线。大小写严格区别，a和A是两个不同的id。 ( 2）同一个页面内id不能重复，即使不一样的标签，也不能是相同的id。也就是说，如果有一个p的id叫做p1，这个页面内，其他所有的元素的id都不能叫做p1。兼容性 IE6+ Firefox Chrome Safari Opera 类选择器(.X) .p { color:

css学习笔记之选择器以及IE6是否兼容

阅读更多关于 css学习笔记之选择器以及IE6是否兼容

css中的选择器;(不区分大小写) 1.标签选择器. (1).所有的标签都可以作为标签选择器使用; (2).无论这个标签藏得有多深一定会选择到; (3).会选择页面所有的这种类型的标签.经常描述"共性",无法描述某个元素的"个性". 2.id选择器; 所有的标签都有这个属性.表示这个标签的名字. 名字不能乱写注意:(1).任何标签都可以有id,id的命名只能有字母.数字下划线;必须以字母开头;不能和标签重名;大小写表示不同的名字,要严格区别; (2).一个网页上不能出现同名的id;(主要是对js) (3).id选择器的优先级要高于标签选择器也大于类选择器; id>类>标签 3.类选择器; (1).所有的标签都可以作为类选择器使用. (2).选择器名是可以重复的. (3).一个标签可以属于多个类选择器. 建议: (1).不要去试图用一个类名，把某个标签的所有样式写完。这个标签要多携带几个类，共同造成这个标签的样式。 (2). 每一个类要尽可能小，有“公共”的概念，能够让更多的标签使用。 4.后代选择器空格表示后代是共性中的特性就是把某一部分进行样式改变后代选择器描述的是祖先结构. (5).交集选择器例:p.special{} 没有空格的选择器就是交集选择器. 5.并集选择器(分组选择器).例:h3,li{} 用逗号隔开表示并集; 6.通配符*; *就表示所有元素; 7

CSS——04选择器

阅读更多关于 CSS——04选择器

人生苦短，要学就只学有用的【前端教学-CSS-4】 CSS选择器 CSS 选择器今天我们围绕一个导航栏案例进行学习知识点。今日重点：复合选择器后代选择器并集选择器标签显示模式 CSS背景背景位置 CSS三大特性优先级 1. CSS复合选择器目标理解理解css复合选择器分别的应用场景应用使用后代选择器给元素添加样式使用并集选择器给元素添加样式使用伪类选择器为什么要学习css复合选择器 CSS选择器分为基础选择器和复合选择器，但是基础选择器不能满足我们实际开发中，快速高效的选择标签。目的是为了可以选择更准确更精细的目标元素标签。复合选择器是由两个或多个基础选择器，通过不同的方式组合而成的 1.1 后代选择器（重点）概念：后代选择器又称为包含选择器作用：用来选择元素或元素组的子孙后代其写法就是把外层标签写在前面，内层标签写在后面，中间用空格分隔，先写父亲爷爷，在写儿子孙子。父级子级{属性:属性值;属性:属性值;} 语法： .class h3{color:red;font-size:16px;} 当标签发生嵌套时，内层标签就成为外层标签的后代。子孙后代都可以这么选择。或者说，它能选择任何包含在内的标签。 1.2 子元素选择器作用：子元素选择器只能选择作为某元素子元素(亲儿子) 的元素。

CSS——02基础的选择器

阅读更多关于 CSS——02基础的选择器

人生苦短，要学就只学有用的【前端教学-CSS-2】 CSS选择器 CSS选择器（重点）学习目标：理解能说出选择器的作用 id选择器和类选择器的区别应用能够使用基础选择器给页面元素添加样式 1. CSS选择器作用（重点） CSS选择器干啥的？选择标签用的，把我们想要的标签选择出来必须记住的 css 就是分两件事，选对人，做对事。 h3 { color: red; } 这段代码就是2件事，把 h3选出来，然后把它变成了红色。以后我们都这么干。选择器分为基础选择器和复合选择器，我们这里先讲解一下基础选择器。 2. CSS基础选择器 2.1 标签选择器概念：标签选择器（元素选择器）是指用 HTML标签名称作为选择器，按标签名称分类，为页面中某一类标签指定统一的CSS样式。语法：标签名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; } 作用：标签选择器可以把某一类标签全部选择出来比如所有的div标签和所有的 span标签优点：是能快速为页面中同类型的标签统一样式缺点：不能设计差异化样式。总结口诀：标签选择器，页面同选起。直接写标签，全部不放弃。思考：如果想要差异化选择不同的标签，怎么办呢？就是说我想单独选一个或者某几个标签呢？ 2.2 类选择器类选择器使用“.”（英文点号）进行标识

赵赵

阅读更多关于赵赵

title: 技术总结 date: 2018-02-09 22:14:00 ##HTML和CSS和JavaScript的关系网页主要由三部分组成：结构（ Structure）、表现（ Presentation）和行为（ Behavior）。 HTML —— 结构，是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包括文字、图片、视频等。决定网页的结构和内容（ “是什么”）。 CSS —— 表现（样式），放于<style>标签内。就像网页的外衣。比如：标题字体、颜色变化、或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。设定网页的表现样式（ “什么样子”）。 JavaScript（ JS） —— 行为，是用来实现网页上的特效效果的。如：鼠标滑过的下拉菜单、鼠标滑过的背景色的改变、图片的轮播。可以说是，有动画的，有交互的一般都使用JavaScript来实现的。控制网页的行为（ “做什么”）。 ###HTML <b>HTML文档结构</b>（括号里面的是注释） <!DOCTYPE html > *注：<!DOCTYPE>标签没有结束标签！ <html > <head>（头部部分） <meta http-equiv=“ContentType”content=“text/html”;charset=gb2312>(可写可不写)

深入学习jQuery选择器系列第一篇——基础选择器和层级选择器

阅读更多关于深入学习jQuery选择器系列第一篇——基础选择器和层级选择器

前面的话　　选择器是jQuery的根基，在jQuery中，对事件处理、遍历DOM以及ajax操作都依赖于选择器。jQuery选择器完全继承了CSS的风格，两者的写法十分相似，只不过两者的作用效果不同。 CSS选择器找到元素后添加样式，而jQuery选择器找到元素后添加行为。jQuery选择器可以分为基础选择器、层级选择器、过滤选择器和表单选择器四类。对于每类选择器，除了给出jQuery选择器的写法，也会给出相应的CSS选择器和DOM选择器的写法。有所比较，才能理解得更深。本文是jQuery选择器系列第一篇——基础选择器和层级选择器基础选择器　　基础选择器是jQuery中最常用选择器，也是最简单的选择器，它通过元素id、class和标签名等来查找DOM元素 id选择器　　id选择器$('#id')通过给定的id匹配一个元素，返回单个元素 <div id="test">测试元素</div> <script> //选择id为test的元素并设置其字体颜色为红色 $('#test').css('color','red'); </script> 　　对应CSS的 id选择器 #test{color:red} 　　对应DOM的 getElementById()方法，而jQuery内部也使用该方法来处理ID的获取 document.getElementById('test')

2.4、css选择器

阅读更多关于 2.4、css选择器

常用的选择器有如下几种： 1、标签选择器标签选择器，此种选择器影响范围大，建议尽量应用在层级选择器中。举例： *{margin:0;padding:0} div{color:red} <div>....</div>  <div class="box">....</div>  2、id选择器通过id名来选择元素，元素的id名称不能重复，所以一个样式设置项只能对应于页面上一个元素，不能复用，id名一般给程序使用，所以不推荐使用id作为选择器。举例： #box{color:red} <div id="box">....</div>  3、类选择器通过类名来选择元素，一个类可应用于多个元素，一个元素上也可以使用多个类，应用灵活，可复用，是css中应用最多的一种选择器。举例： .red{color:red} .big{font-size:20px} .mt10{margin-top:10px} <div class="red">....</div> <h1 class="red big mt10">....</h1> <p class="red mt10">....</p> 4、层级选择器主要应用在选择父元素下的子元素，或者子元素下面的子元素

关于CSS样式表，看这篇就够了！

阅读更多关于关于CSS样式表，看这篇就够了！

文章目录 1 CSS 样式表 1.1 CSS 规则 1.2 CSS 选择器 1.2.1 标记选择器 1.2.2 类别选择器 1.2.3 id 选择器 1.3 在页面中包含 CSS 1.3.1 行内样式 1.3.2 内嵌式 1.3.3 链接式 2 CSS3 的新特性 2.1 模块与模块化结构 2.2 一个简单的 CSS3 实例 1 CSS 样式表 CSS 是 W3C 协会为弥补 HTML 在显示属性设定上的不足而制定的一套扩展样式标准。CSS 标准中重新定义了 HTML 中原来的文字显示样式，增加了一些新的概念，如类、层等，可以对文字重叠、定位等。在 CSS 还没有引入到页面设计之前，传统的 HTML 语言要实现页面美化在设计上是十分麻烦的，例如要设计页面中文字的样式，如果使用传统的 HTML 语句来设计页面就不得不在每个需要设计的文字上都定义样式。CSS 的出现改变了这一传统模式。 1.1 CSS 规则在 CSS 样式表中包含 3 部分内容：选择符、属性和属性值。语法格式如下：选择符{属性:属性值;} 参数说明: 选择符：又称选择器，是 CSS 中很重要的概念，所有 HTML 语言中的标记标签都是通过不同的 CSS 选择器进行控制的。属性：主要包括字体属性、文本属性、背景属性、布局属性、边界属性、列表项目属性、表格属性等内容。其中一些属性只有部分浏览器支持

前端总结

阅读更多关于前端总结

HTML <!doctype> #规定文档类型  转义字符以&；包裹 #在&；中间单词简写，详情查看8-1 <head> 头标签 <body> 体标签 <html> 根标签，全局的属性写在这里，标签种类等详情查看8-3 <div> 用来搭建页面结构的标签 width: 200px # 标签的宽 height: 200px # 标签的高 border-radius: 50%; #边框圆角设置 background-color: blue; #标签的底色设置 border: 1px solid black; # broder边框，1px就是1像素，solid就是实线，black就是定义边框的颜色 color: hotpink; #字体颜色 font-size: 30px; # 字体大小 transition: 1s 1s all linear; # 就是动画效果过渡效果,1s 1s过渡效果展开的时间和延迟时间,延迟时间一般不会写，用户体验度不好,动画属性默认all,渡曲线linear（线性） .box:hover{} # hover给鼠标添加悬停效果 cursor:pointer; # 鼠标样式 list-style: none; # 清除列表样式 text-decoration: none; # 清除字体下划线 margin: 0; #

CSS3结构类选择器补充

阅读更多关于 CSS3结构类选择器补充

:empty 没有子元素（包括文本节点）的元素 :not 否定选择器 <!DOCTYPE html> <html lang="en" manifest="index.manifest"> <head> <meta charset="UTF-8"> <title>Document</title> <style> li:not(:last-of-type){color:red;} </style> </head> <body> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> <li>8</li> <li>9</li> </ul> </body> </html> css权重与权值行内样式 1000 id选择器 100 类、伪类、属性选择器 10 元素、伪元素 1 通配符 0 权重相同时根据就近原则伪元素选择器，：： ::first-line 选取文本的第一行，只能用于块级元素 ::first-letter 选取文本的第一个字，只能用于块级元素 <!DOCTYPE html> <html lang="en" manifest="index.manifest"> <head> <meta charset="UTF-8"> <title>Document</title>

订阅 css选择器