css not选择器配合nth-of-type

css：nth-of-type()选择器用法

今天做一个页面,无意中看到这个nth-of-type感觉挺方便的,之前单双行有的有横线,有的无横线一般在html中单独再写border-right:none等之类的.现在发现这个好东西赶紧记录下来. :nth-of-type(n) 选择器匹配属于父元素的特定类型的第 N 个子元素的每个元素.n 可以是数字.关键词或公式. .uninstall_form .uninstall_list_checkbox:nth-of-type(odd){border-right:1px solid #e6e6e6

CSS 属性选择器的深入挖掘

CSS 属性选择器,可以通过已经存在的属性名或属性值匹配元素. 属性选择器是在 CSS2 中引入的并且在 CSS3 中得到了很好拓展.本文将会比较全面的介绍属性选择器,尽可能的去挖掘这个选择器在不同场景下的不同用法. 简单的语法介绍 [attr]:该选择器选择包含 attr 属性的所有元素,不论 attr 的值为何. [attr=val]:该选择器仅选择 attr 属性被赋值为 val 的所有元素. [attr~=val]:该选择器仅选择具有 attr 属性的元素,而且要求 val 值是 att

css 10-CSS3选择器详解

10-CSS3选择器详解 #CSS3介绍 CSS3在CSS2基础上,增强或新增了许多特性, 弥补了CSS2的众多不足之处,使得Web开发变得更为高效和便捷. #CSS3的现状浏览器支持程度不够好,有些需要添加私有前缀移动端支持优于PC端不断改进中应用相对广泛 #应对的策略:渐进增强 (1)坚持渐进增强的原则:让低版本浏览器能正常访问页面,高版本的浏览器用户体验更好.[重要] 比如说,同样是一个头像,可能在低版本的浏览器中,头像方的:在高版本的浏览器中,头像是圆的. (2)考虑用户群体.

CSS的选择器

<div id="demo"> <div class="inner"> <p><a href="#">链接</a></p> <p><input type="checkbox" name="" id="" /></p> </div></div>class 选择

JS实战 · 仿css样式选择器

代码如下: <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>仿css样式选择器</title> <style type="text/css"> #textid{ height: 100p

CSS样式选择器优先级

CSS样式选择器分为4个等级,a.b.c.d,可以以这四种等级为依据确定CSS选择器的优先级. 1.如果样式是行内样式(通过Style=””定义),那么a=12.b为ID选择器的总数3.c为Class类选择器的数量.4.d为类型选择器的数量5.属性选择器,伪类选择器和class类选择器优先级一样,伪元素选择器和类型选择器一样6.!important 权重最高,比 inline style 还要高. 例如: 选择器特殊性 (a,b,c,d) Style= ”” 1,0,0,0 #wrappe

IE7浏览器下CSS属性选择器二三事

一.为何专门说起IE7 以前,或者说数年前,我们从事桌面端网页开发的时候,基本上都还要兼顾IE6浏览器, 即使有些特性,IE7支持,我们也会忽略之.于是,我们会不自然地把IE6和IE7浏览器归为一路货色,研究的多半是两个浏览器共性的东西,比方说haslayout之类的. 但是,最近1~2年,至少我个人所从事的桌面PC项目都不需要管IE6浏览器(0.3%)了,但是,还是要关心IE7浏览器(3%+)的.虽然,我们有丰富的处理IE6浏览器的经验,但是,当我们不要管IE6浏览器的时候,我们前端技术的选型

CSS常见选择器

一.元素选择器 p,html,h1, h2 1.多个元素一起设置同一种风格, 则用逗号“,”隔开(选择器分组) 2.通配符选择, *{Color:red} 表示文档中所有元素都为红色二.类选择器对元素class属性值 class="classValue" 进行选择 1. *.classValue1 表示选择 class值为 classValue1的所有元素: 2. p.classValue2 表示class值为 classValue1的P元素(元素选择跟类选择搭配使用)

CSS后代选择器、子元素选择器、相邻兄弟选择器区别与详解

派生选择器用的很多,派生选择器具体包括为后代选择器.子元素选择器.相邻兄弟选择器,我们来理解一下他们之间的具体用法与区别. 1.css后代选择器语法:h1 em {color:red;} 表示的是从h1开始里面包含的所有的em元素变成红色,h1为祖先,其他的em都是后代,即选中后代,不管是儿子还是孙子,只要是都会被选中,为后代选择器.例如 <html> <head> <style type="text/css"> ul em {color:red;

CSS.01 -- 选择器及相关的属性文本、文字、字体、颜色、

与html相比,Css支持更丰富的文档外观,Css可以为任何元素的文本和背景设置颜色:允许在任何元素外围设置边框:允许改变文本的大小,装饰(如下划线),间隔,甚至可以确定是否显示文本. 什么是CSS? CSS 指层叠样式表 (Cascading Style Sheets) CSS通常称为CSS样式表或层叠样式表(级联样式表),主要用于设置HTML页面中的文本内容(字体.大小.对齐方式等).图片的外形(宽高.边框样式.边距等)以及版面的布局等外观显示样式. CSS以HTML为基础,提供了丰富的功能

CSS active选择器与CSS hover选择器

<!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> /**光标悬浮时**/ .btn_sure:hover{background:url('./7.png');} /**点击前**/ .btn_sure{w

css以及选择器基础

CSS样式基础了解1.css基础语法CSS样式的出现是为了将内容和表现分离极大的提高了工作效率内联样式(在 HTML 元素内部)<p style="margin-left: 10px:margin-right:10px"></p><标签名 style="属性:属性值;属性:属性值;" 属性="属性值"></标签名>内部样式表(位于 <head> 标签内部)<style type=&

CSS（选择器）

CSS(选择器) 作用:用于匹配 HTML 元素选择器分类: 1.元素选择器 a{} 2.伪元素选择器 ::before{} (真实存在的元素) 3.类选择器 .link{} 4.属性选择器[type=radio]{} 5.伪类选择器 :hover (一种状态,不是真实存在的) 6.ID选择器 #id (唯一存在) 7.组合选择器[type=checkbox]+label{} 8.否定选择器 :not(.link){} 9.通用选择器 *{} 选择器权

CSS【03】：CSS 基础选择器与三种引入方式

基础选择器选择器:css 选择 html 标签的一个工具,是将 css 与 html 建立起联系,那么 css 就可以控制 html 样式选择器其实就是给 html 标签起名字标签选择器作用:根据指定的标签名称,在当前界面中找到所有该名称的标签,然后设置属性格式: 标签名称 { 属性: 值; } 注意点: 标签选择器选中的是当前界面中所有的标签,而不能单独选中某一个标签标签选择器无论标签藏得多深都能选中 id选择器作用:根据指定的 id 名称找到对应的标签,然后设置属性格式: #

CSS 1. 选择器

1.css的介绍 CSS是指层叠样式表(Cascading Style Sheets),样式定义如何显示HTML元素,样式通常又会存在于样式表中.也就是说把HTML元素的样式都统一收集起来写在一个地方或一个CSS文件里. css的优势 1.内容与表现分离 2.网页的表现统一,容易修改 3.丰富的样式,使页面布局更加灵活 4.减少网页的代码量,增加网页浏览器速度,节省网络带宽 5.运用独立页面的css,有利于网页被搜索引擎收录 CSS的三种引入方式: 行内样式.内部样式表.外部样式

CSS 分类选择器

CSS:层叠样式表(英文全称:Cascading Style Sheets) 后缀名:css 标志 style 对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力用属性和属性值来表示 style=" 属性 : 属性值一分类内联:写在标记的属性位置,优先级最高,重用性最差 < div style = &quo

前端学习笔记之CSS后代选择器、子元素选择器、相邻兄弟选择器区别与详解

派生选择器用的很多,派生选择器具体包括为后代选择器.子元素选择器.相邻兄弟选择器,我们来理解一下他们之间的具体用法与区别. 1.css后代选择器语法:h1 em {color:red;} 表示的是从h1开始里面包含的所有的em元素变成红色,h1为祖先,其他的em都是后代,即选中后代,不管是儿子还是孙子,只要是都会被选中,为后代选择器.例如 <html> <head> <style type="text/css"> ul em {color:red;

Android程序员学WEB前端(6)-CSS(1)-选择器-Sublime

转载请注明出处:http://blog.csdn.net/iwanghang/article/details/76576469 觉得博文有用,请点赞,请评论,请关注,谢谢!~ CSS外部文档链接: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html

CSS系列(8) CSS后代选择器和子选择器详解

一.CSS后代选择器详解 1, 生动介绍基本概念一个标签嵌B在另一个标签A内部,B就是A的后代. 而且,B的后代也是A的后代,这就叫“子子孙孙无穷尽也”. 比如: <div> <p>这个p标签是div的后代</p> <div> 后代选择器就是用来选择一个标签的后代的: 两个选择器中间添加一个[空格]就构成了后代选择器,空格后面的那个是后代. 例如: div p { color : red; } 它会选择一堆的p标签,只要这个p标签是嵌套在某个div标签内

python 46 css组合选择器及优先级、属性选择器

一:css组合选择器特性:每个选择器位可以为任意基本选择器或选择器组合选择器分为以下几类: 群组选择器,子代(后代)选择器,相邻(兄弟)选择器,交集选择器,多类名选择器 1.群组选择器: div,sqan, .red, #div { color : red } 一次性控制多个选择器选择器之间以 ,(逗号) 隔开,每一个选择器位均可以任意合法选择器或选择器组合 2.子代(后代)选择器: 子代选择器用 > 连接 body > div { color : red ; }

Python 45 长度及颜色单位、字体样式、文本样式、背景样式、css基础选择器

一:长度及颜色单位长度单位 px(像素) in(英寸) pt(点),一个标准的长度单位,1pt = 1/72in mm(毫米) cm(厘米) em(长度),相当于长度,1em = 16px rem() vw(百分比) vh() cm em vw vh流失布局范畴(可能有错别字,先了解,在后面的课程会讲到) width: 100px; /*width: 10in;

css not选择器配合nth-of-type

热门专题