CSS的选择器分为两大类:基本选择题和扩展选择器。基本选择器:标签选择器:针对一类标签ID选择器:针对某一个特定的标签使用类选择器:针对你想要的所有标签使用通用选择器(通配符):针对所有的标签都适用(不建议使用)高级选择器:后代选择器:用空格隔开交集选择器:用.隔开并集选择器(分组选择器):用逗号隔开伪类选择器https://blog.csdn.net/DYD850804/article/details/80997251原文:https://www.cnblogs.com/xzybk/p/...
Cascading Style Sheets层叠样式表它用来控制网页样式,并允许将样式代码与网页内容分离的一种标记性语言CSS语法结构选择器 声明{} 属性名:属性值css三种引入方式内嵌式<p style='color:red;'>文字颜色为红色</p>嵌入式<style type='text/css'>p{color:red;} </style>外部式<link rel="stylesheet" href="index.css" type="text/css">优先级内嵌式>嵌入式>外部式但是嵌入式>外部式有一个前提:嵌入式css样式的位置一定在外部式的后...
1 CSS3 结构伪类选择器1.E:root匹配E元素所在的根元素 即:html2. E:nth-child(n)(1)匹配E元素的父元素中第n个子元素,(2)且该位置的子元素类型必须是E类型。否则无效p:nth-child(1){color:red}<div> <p>这是红色的<p></div> <div> <h1>这是第一个子元素 但不是P类型,不是红色</h1> < p>这是黑色的 注意对比 nth-of-type(1) </p></div> 3. E:nth-of-type(n)匹配E的父...
tr td:nth-child(2){background-color:gray; }就是tr当中的td的第二个td的属性tr:nth-child(2n+0){background-color:#F0F0F0; }这个是tr的2的倍数的使用公式 (an + b)。描述:表示周期的长度,n 是计数器(从 0 开始),b 是偏移值。在这里,我们指定了下标是 3 的倍数的所有 p 元素的背景色:p:nth-child(3n+0) { background:#ff0000; }原文:http://www.cnblogs.com/zonglonglong/p/4832615.html
p:nth-child(2)要满足两个条件,1:选择的是p元素的父元素的第二个子元素 2:选择的第二个子元素必须是p元素,如果不满足,则将不显示 p:nth-of-type(2)选择父元素下的第二个p元素原文:http://www.cnblogs.com/jingxinqiaodaima/p/6252711.html
1.元素选择器书写格式:标记名{/*声明块*/}所有与该标记名匹配的元素,都将应用声明块中的规则2.类选择器书写格式:.类名(自定义){/*声明块*/}所以class属性为指定类名的元素,都将应用声明块中的规则(类名可以自定义,注意类名前面有一个点.)3.ID选择器书写格式:#ID值(自定义){/*声明块*/}属性ID为指定值的元素,将应用声明块中的规则(在同一个HTML文档中,元素的ID值必须唯一)原文:https://www.cnblogs.com/WOAIXUEXI-...
css是英文Cascading Style Sheets的缩写。它是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。我们再将html比喻为树干的时候,css比喻为叶子,花。那要控制这些样式,则要使用css对HTML页面中的元素实现一对一,一对多或者多对一的控制,这就需要用到CSS选择器。HTML页面中的元素就是通过CSS选择器进行控制的。 css的选择器可分为:1、id选择器;2、class类别选择...
CSS选择器总结:(这些表是一张图片^_^) 看底部完整思维导图图片和表格的下载地址:https://download.csdn.net/download/denlnyyr/10597820(我不想选择要积分币下载的,但那里最低必须选择1个积分……) 参考文献: https://baike.baidu.com/item/css%E9%80%89%E6%8B%A9%E5%99%A8/2819686 http://www.alloyteam.com/2016/05/summary-of-pseudo-classes-and-pseudo-elements/来源:http://www.cnblogs.com/dennyLee2025...
基本选择器 a) 标签名选择器 格式: 标签名{xxxx} 标签名选择器是通过标签的名字来选中指定的名字的标签 b) 类选择器 通过标签上通用的属性class, 可以通过class属性为当前标签指定所属的类, class属性值相同的标签则为一类标签, 可以为这一类的标签统一来设置样式. 格式: .类名{xxxxx} class属性值可以是多个, 多个值之间用空格隔开, 表明这个标签同时属于多个类, 多个类的样式会同时作用在这个标签上, 后设置的...
css的选择器: 1,基本选择器。 2,高级选择器。基本选择器包含: 1,标签选择器 标签选择器可以选中所有的标签元素,比如div,ul,li,p等等,不管标签藏得多深,都能选中,选中的是所有的,而不是某一个,所以说"共性",而不是:“特性”。<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><style>body{color: gray;font-size: 12px;}p{color: red;font-size: 20px;}span{co...
1aaaaaaaaaaaaaaaa 2 aaaaaaaaaaa 1h4 { 2 color:red; 3 font-size:14px; 4 }View Codeh4~p h4后面的p标签 h4+p h4相邻的p标签p[id] 包含id属性的p标签p[class~="b"] class类名为b且b前面有空格的p标签p[class|="b"] class类名为b且b后面有横杠的p标签a[href^="http"] a标签下的href以http开头a[href$="rar"] a标签下的href以rar结尾a[href*="o"] a标签下的href有op::first-line 选择p标签下第一行a:before(a::befor...
CSS(层叠样式表)定义如何显示HTML元素1、CSS的三中引入方式:行内样式(内联),内部样式表,外部样式表。2、语法:CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明。每条声明由一个属性和一个值组成。3、选择器3.1 元素选择器 div{}3.3 类选择器 .cl{}3.4 ID选择器 #id{}3.5 属性选择器 [type=‘text’]{}优先级问题:内联》 ID选择器 》类选择器 》元素选择器4、尺寸(行内元素的宽和高不生效)width: max-width...
<div id="section1"> 示例文本1</div><div id="subsection1-1">示例文本1-1</div><div id="subsection1-2">示例文本1-2</div><div id="section2">示例文本2</div><div id="subsection2-1">示例文本2-1</div><div id="subsection2-2">示例文本2-2</div>CSS2中使用属性选择器来设置<style type=text/css>[id = section1]{ background:yellow;}</style>CSS3中的属性选择器1.[att*=val]属性值包含用val指定的字符[id*=section]{ ...
一、关系选择器1、E+F (E元素下一个满足条件的兄弟元素节点) 1 <style>2 div + p{3 background-color:red;// 第一个p元素变色 4 }5 </style>6 <body>7 <div>div</div>8 <p>1</p>9 <p>2</p> 10 <p>3</p> 11 </body> 1 <style>2 div + .demo{3 background-color:red;// 第一个p元素变色 4 }5 </style>6 <body>7 <div>div</div>8 <p class="demo">1</p>9 <p>2</...
CSS定义CSS 指层叠样式表 (Cascading Style Sheets)CSS通常称为CSS样式表或层叠样式表(级联样式表),主要用于设置HTML页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式、边距等)以及版面的布局等外观显示样式。CSS以HTML为基础,提供了丰富的功能,如字体、颜色、背景的控制及整体排版等,而且还可以针对不同的浏览器设置不同的样式。CSS就是控制页面布局和样式CSS语法语法结构选择器{属性:值;属性:值;...