:not选择器 如果对某个结构元素使用样式，但是想排除这个结构元素下面的子结构元素，让它不使用这个样式，可以使用:not选择器。...2个或倒数第2个子元素，这两个选择器就不起作用了。...PS：在用标签进行嵌套时要注意，标签不能嵌套块级元素甚至不能嵌套元素，只能嵌套内联元素，不然对嵌套的块级元素设置CSS不起作用。...DOCTYPE html> h1:only-child.../li> 页面效果： 效果很明显，嵌套在元素里面的子元素字体颜色没有变红，说明嵌套的块级元素设置CSS不起作用.
王维 ``` 并集选择器 ``` .one,#id,p,h1{ font-size:... 兄弟选择器 效果 格式 ``` TIM截图20200308141940.png 伪元素选择器 :before选择器...也就是说使用“:root选择器”定义的样式 ，对所有页面元素都生效。对于不需要该样式的元素，可以单独设置样式进行覆盖。...:not选择器 如果对某个结构元素使用样式，但是想排除这个结构元素下面的子结构元素,让它不使用这个样式， 可以使用:not选择器。 如: body *:not(h3)。...2个或倒数第2个子元素，这两个选择器就不起作用了。
07.31自我总结 CSS高级选择器 一.伪类选择器 对于之前的类选择器的补充类再定义一个别名 举例 123 其中a为类,a-1为伪类,伪类也是一种类,...--不同结构--> 第1个p 1 第2个p 第3个p p:nth-of-type(3){ color:red } 二.后代(子代)选择器 后代选择器: CSS语法:上一级标签他所有的后代用宫格进行连接 子带选择器...权值:不同级别没有可比性、同一级别比个数、选择器类型不影响优先级、优先级一致看顺序 对于权值有些人对他级别的定义 标签 10 类(伪类)100 id 1000 !
1.1 CSS的"hello world" 二、CSS选择器及几种引用方式 2.1 id选择器 2.2 class选择器 2.3 几种引用方式 2.3.1 外部引用 2.3.2 内部引用 2.3.3 内联引用..." href="01hello.css"> CSS 实例!...---- 二、CSS选择器及几种引用方式 2.1 id选择器 只能引用一次，给特定的id引用。...代码如下（示例）： #test1{color:red;} id选择器 2.2 class选择器 可以多次引用，多种写法...#73AD21; top: 50px; /*演示：这句话不起作用，可删去*/ left: 10px; /*演示：这句话不起作用，可删去*/ } div.fixed_1
Q: 选择器是什么？ 你也许已经见过选择器了。CSS 选择器是 CSS 规则的第一部分。...“标签名选择器”或者是“元素选择器”，它是CSS最常用的选择器，如果设置 HTML 的样式，选择器通常将是某个 HTML 元素，比如 p、h1、em、a，甚至可以是 html 本身，除此之外CSS 元素选择器...-- 示例1.1 --> 我是粗体字，不是斜体字，因为我不在列表当中，所以这个规则对我不起作用 我是斜体字。...在下面的例子中，我们对所有的标题元素进行了分组 /* 示例1.元素选择器 */ h1,h2,h3,h4,h5,h6 { /* 居中显示所有的标题元素前颜色为白色，背景颜色为黑色。...不过，建立一长列选中你的文档中很明确的部分的选择器的时候，小心一些。这些 CSS 规则难以复用，因为你让选择器在表示标记文本中的元素的相对位置上过于明确。
，能匹配页面中所有的元素，如下面的css代码，它使用通配符选择器定义css样式，清楚所有HTML标记的默认边距： * { margin: 0; /* 定义外边距 */ padding...（5）复合选择器 复合选择器是由两个或多个基础选择器，通过不同的方式组合而成的，具体如下： ① 标签指定式选择器 标签指定式选择器有两个选择器构成，其中第一个为标记选择器，第二个为class选择器或...② 后代选择器 后代选择器用来选择元素或元素组的后代，其写法就是把外层标记写在前面，内层标记写在后面，中间用空格分隔。当标记发生嵌套时，内层标记就曾为外层标记的后代。...③ 并集选择器 并集选择器是各个选择器通过逗号连接而成的，任何形式的选择器（包括标记选择器、class累选择器、id选择器等等），都可以作为并集选择器的一部分。...css样式的叠加，例如，当使用内嵌css样式表定义p标记字号大小为12像素，链入式定义p标记颜色为红色，那么段落文本将显示为12像素红色，即这两种样式产生了叠加。
（1）通配符选择器 通配符选择器使用“*”号表示，它是所有选择器中作用范围最广的，能匹配页面中所有的元素，如下面的css代码，它使用通配符选择器定义css样式，清楚所有HTML标记的默认边距： *...（5）复合选择器 复合选择器是由两个或多个基础选择器，通过不同的方式组合而成的，具体如下： ① 标签指定式选择器 标签指定式选择器有两个选择器构成，其中第一个为标记选择器，第二个为class选择器或...② 后代选择器 后代选择器用来选择元素或元素组的后代，其写法就是把外层标记写在前面，内层标记写在后面，中间用空格分隔。当标记发生嵌套时，内层标记就曾为外层标记的后代。 ?...③ 并集选择器 并集选择器是各个选择器通过逗号连接而成的，任何形式的选择器（包括标记选择器、class累选择器、id选择器等等），都可以作为并集选择器的一部分。...css样式的叠加，例如，当使用内嵌css样式表定义p标记字号大小为12像素，链入式定义p标记颜色为红色，那么段落文本将显示为12像素红色，即这两种样式产生了叠加。
jquery的选择器和css类似,在此整理几篇关于jq选择器的用法 id选择器 $('#in').css('color','orange');//选取class为in的元素设置css样式 标记选择器,...选择所有的h1标记 $('h1').css('color','pink');//选取所有的h1标记 class选择器 $('.h1').css({'color':'#96AFFF','font-size...':'55px'});//选取class为h1的 通配符选择器 $('*').css({'background-color':'#26AFFF','font-size':'55px'}) 群组选择器...,选择h1和h3内容加入字体颜色 $('h1,h3').css({'color':'red'}); 附上html部分代码 你好程序员!...06 这里的基础用法和css的选取方式一致,对于css选择器熟悉的朋友这里使用简直小意思,下面几篇博文我们来详谈jq的高级选择器!
CSS css CSS 简介 基础用法 高级用法---选择器 id选择器 什么是id id选择器如何使用 类选择器 属性选择器 引用方式 HTML内引入 外部导入 简介 简单来说css就是来控制元素样式的...高级用法—选择器 id选择器 对id标记的元素调整样式 什么是id 我是狗 id=“data” data就是id的值 标记此元素id值为data 简单来说就是...在style标签中用#来标记 比如id=“one” 就写成 #one{ … } 类选择器 什么是类 class 元素属性的类名 示例如下 <meta charset...在style标签中用#来标记 比如class=“one” 就写成 .one{ … } class是公用的 多个元素可以用同一个class 属性选择器 什么是属性 name title id.../style.css" type="text/css" rel="stylesheet" /> 我是狗 <
一、什么是CSS CSS全称为层叠样式表(Cascading Style Sheets)，通常又称为风格样式表(Style Sheets)，它是用来进行网页设计的； 在网页制作时采用CSS技术，可以有效地对页面的布局...因此CSS也有自己的语法结构； CSS规则由两部分构成，选择器和声明，声明必须放在大括号中{}，可以是一条或多条； 每条声明由一个属性和值组成，属性和值用冒号分开，每条语句以英文的分好结尾； # h1表示选择器...CSS标签选择器就是用来声明这些标签的； 每种HTML标签的名称都可以作为相应的标签选择器的名称，例如 标签和 标签，如果我们需要在它们上面定义一个标签选择器，那我们要怎么做呢...九、继承特性 CSS的继承简单的说就是将各个HTML标记看做一个个容器，其中被包含的小容器会继承包含它的大容器的风格样式； 所有的CSS语句都是基于各个标记直接的继承关系，CSS继承是指子标记会继承父标记的所有样式风格...，并可以再父标记样式风格的基础上再加以修改，产生新的样式，而子标记的样式完全不会影响父标记；
具体格式如下 选择器{属性1:属性值;属性2:属性值;..} 在上面的样式规则中，“选择器”用于指定CSS样式作用的HTML对象，花括号内是对该对象设置的具体样式。...在CSS中，执行这一任务的样式规则部分被称为选择器，本小节将对CSS基础选择器进行详细地讲解，具体如下： 1.2.4.1 元素选择器 标记选择器是指用HTML标记名称作为选择器，按标记名称分类，为页面中某一类标记指定统一的...其基本语法格式如下： 标记名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; } 该语法中，所有的HTML标记名都可以作为标记选择器，例如body、h1、p、strong等。...用标记选择器定义的样式对页面中该类型的所有标记都有效。 例如： h1{ color: #F00; font-size: 50px; } Java帮帮 ?...属性选择器，在标签后面使用中括号标记，其基本语法格式如下： 标签名[标签属性=’标签属性值’]{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; } 该选择器，是对“元素选择器”的扩展，对一组标签进一步过滤
引用:头部引用 直接在HTML头部使用style类型声明,以下是对div标签进行修改的代码.... CSS 选择器 通用选择器: 通用选择器就是使用星号来标注,则会对所有的页面元素生效,也就是全局生效....> 相邻选择器: 通过使用相邻选择器,如下解释,将把h1标签的后面的第一个p标签变成红色....} ---name--- CSS 常用属性 颜色属性: 颜色属性,多用于对标签的配置,以下列举的方式为最常用的四种颜色选择方式...---- > list-style-position:inside 列表项目标记放置在文本以内,且环绕文本根据标记对齐 -> outside 默认值,保持标记位于文本的左侧 ->
一、CSS的三类选择器 1、标记选择器 标记 { 属性:属性值; ...属性:属性值; ………… } 在HTML中的引用方式：标记内容 3、ID选择器 ...二、选择器的申明 1、集体申明 body,p,.class,#id { 属性:属性值; ………… } 2、嵌套使用 h1 em { 属性:属性值;... ………… } 在HTML中的引用方式：我们的首都是北京 在嵌套中，em样式会继承和h1的样式，h1和em存在一定的父子关系。...2、盒子模型 3、CSS排版观念 ID选择器：#container（width：100%）；#banner；#content；#links；#footer 设置各个板块的位置
I CSS CSS的作用：设置HTML页面的布局和样式 CSS的语法： 选择器｛样式属性;样式属性｝ h1 { color: blue; background-color: yellow;... My CSS experiment h1 {...Hello World! <!...1 elem.class 交集选择器 指定类名的元素 1 标签名,标签名{ 属性:属性值； } 2.4 条件选择器 选择器 说明 版本 :lang 指定标记语言的元素...width 和 height 属性将不起作用 垂直方向的内边距、外边距以及边框会被应用但是不会把其他处于 inline 状态的盒子推开。
CSS部分的面试题主要考察应试者对CSS基础概念模型的理解，例如文档流、盒模型、浮动、定位、选择器权重、样式继承等。...类属性选择器、属性选择器、伪类的优先级为0.0.1.0。 元素选择器、伪元素选择器的优先级为0.0.0.1。 通配符选择器对特殊性没有任何贡献值。...（1）HTML（ Hyper Text Markup Language，超文本标记语言）是做网站时使用的些文本标记标签，比如div、span等 （2）CSS（ Cascading Style Sheet...chapter： } 使用 content属性，并结合 :before选择器和计数器 counter，可以在每个元素前插入新的内容。...不起作用（需要注意行内元素的替换元素img、 Input，它们是行内元素，但是可以设置它们的宽度和高度，并且 margin属性也对它们起作用， margin-op和 margin- botton有着类似于
在HTML中使用CSS样式一般有三种方法： 1：内联样式表：CSS代码直接写在现有的HTML标记中，直接使用style属性改变样式。...2：嵌入式样式表：CSS代码写在标记之间。 比如看一下知乎首页的网页构造： ?...3：外部样式表：CSS代码写在一个单独的外部文件中，这个CSS样式文件以".css"为扩展名，在内，使用标记将CSS样式文件链接到HTML文档中。...例如： h1{color:blue; font-size:12px}. 其中h1为选择器，color和font-size为属性，blue和12px为属性值。...其意思是将h1标记的颜色设置为蓝色，字体大小为12px。 根据选择器的定义方式，可以将样式表的定义分为三种： 1：HTML标记定义：上面的例子就是这种定义方式。即是将HTML标记符作为选择器。
前端开发基础教程-HTML教程 html是超文本标签语言，又可以说是超文本标记语言，是基本功。html发展历史跳过。...html是超文本标记语言，它是使用一套标记标签的语言用来描述网页的，html文档可以说是web网页。 标签：开始标签和结束标签 段落 案例： <!...* 元素选择器 类选择器 属性选择器 伪类 ID 选择器 内联样式 结言 好了，欢迎在留言区留言，与大家分享你的经验和心得。...感谢你学习今天的内容，如果你觉得这篇文章对你有帮助的话，也欢迎把它分享给更多的朋友，感谢。 达叔小生：往后余生，唯独有你 You and me, we are family !...90后帅气小伙，良好的开发习惯；独立思考的能力；主动并且善于沟通 简书博客： 达叔小生 https://www.jianshu.com/u/c785ece603d1 结语 下面我将继续对 其他知识
CSS选择器出场 一.基本CSS选择器有标记选择器、类别选择器、ID选择器3种： 1.标记选择器 每一种HTML标记的名称都可以作为相应的标记选择器的名称，如h1,p,div等等 ...“并集”选择器：同时选中各个基本选择器所选择的范围，任何形式的选择器都可以，并集选择器是多个选择器通过逗号连接而成的， 格式如:h1,h2,h3{color:red;font-size:23px...> 嵌套用CSS标记的方法嵌套之外的标记不生效 效果： ? ...效果是：“用CSS”的显示红色，其他用包围起来的是兰色 后代选择器产生的影响不仅限于元素的“直接后代”，而且会影响到它的“各级后代” 四.子选择器：也就是只有对直接后代有影响的选择器，...而对“孙子”以及对个层的后代不产生作用。
(一) HTML5：超文本标记语言 (1) 基本概念 是由一系列成对出现的元素标签（标记）嵌套组合而成 ( XML也是标签构成的 ) 这些标签以的形式出现，用于标记文本内容的含义 浏览器通过元素标签解析文本内容并将结果显示在网页上...-- h1 到 h6 大小依次变小，同时自动换行--> ..........补充样式 style标签里面 使用语句（在某些浏览器下不起作用） @import uel(div.css); 外部样式 使用头标签...后加载的优先级高 (2) CSS的基本选择器 含义：要对哪个标签里面的数据进行操作 (1) 标签选择器 使用标签名作为选择器的名称 div { background-color:gray;...{ background-color:#333300; } 优先级：style > id选择器 > class选择器 > 标签选择器 (3) CSS的扩展选择器 (1) 关联选择器（调用加空格
CSS 是也是一种标记语言。 有什么用：主要用于设置HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局和外观显示样式。...选择器是用于指定CSS样式的HTML标签，花括号内是对该对象设置的具体样式 属性和属性值以键值对的形式出现 属性是对指定的对象设置的样式属性，例如字体大小、文本颜色等 属性和属性值之间用英文:分开 多个...一般用于修改简单样式 北方高温明日达鼎盛 京津冀多地地表温度将超过20℃ 内部样式表 内部样式表（内嵌样式表...--举例,将id为nav的元素中的内容设置为红色--> #nav { color:red; } 通配符选择器 通配符选择器可以选择页面上的所有元素，并对他们应用想要的样式，用*来表示。...font属性时，必须按上面语法格式中的顺序书写，不能更换顺序，并且各个属性间以空格隔开 不需要设置的属性可以省略（会取默认值），但必须保留font-size和font-family属性，否则font属性将不起作用
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
