css 逗号空格选择器

2024-10-12

css选择器之间的空格和逗号

当两个选择器之间有空格的情况下,代表的是子类选择器 .a .b{} 代表的是a类的b子类而两个选择器之间没有空格的情况下,代表的是同时拥有两个类名的标签 <div class="a b"></div> .a.b{} 当两个选择器之间是逗号的情况下,代表的是选择了两个类选择器 <div class="a"></div> <div class="b"></div> .a,.b{

关于组合选择器可参考:http://www.cnblogs.com/starof/p/4453458.html 主要内容 CSS概述 CSS和HTML结合的四种方式 CSS样式优先级和代码规范 CSS三种常用选择器 CSS三种扩展选择器 CSS的常见操作 CSS概述 CSS (Cascading Style Sheet)是层叠样式表.作用来定义网页的显示效果.简单一句话:CSS将网页内容和显示样式进行分离,提高了显示功能. CSS的优点 1:CSS可以更加精细的控制网页的内容形式.比如说前面的f

CSS十大选择器

CSS十大选择器: 1.id选择器 # 2.class选择器句号 . 3.标签选择器标签名称 4.相邻选择器加号 + 5.后代选择器空格 6.子元素选择器大于号 > 7.多元素组选择器逗号 , 8.属性选择器元素[条件:属性属性=value 属性^=value 属性$=value] 9.伪类 hover link visited active 10.伪元素 ::befor ::after

李洪强和你一起学习前端之(3)Css基础和选择器

大家好! 经过了前面的学习,是不是对前端的学习有了初步的了解.虽然我之前有iOS开发的经验,现在接触一门新的语言,对我来说有一定的优势,但是一门技术对于谁来说都是公平的,我承认,我在接触新知识的时候,并不是非常迅速,但是,我相信天道酬勤,我相信勤能补拙,相信每一个一开始打算学习前端的人都有自己的梦想,或大或小,它一直激励着我们前行,就让我们不忘初心,一起进入下面的学习吧! Css基础 1.Css概念 CSS指层叠样式表(cascading style Sheets) 1.1 Css与html

(2)css的复合选择器与特性

css的复合选择器与特性在本篇学习资料中,将深入了解css的相关概念,上一篇介绍的3种基本选择器的基础上,学习3种由基本选择器复合构成的选择器,然后再介绍css的两个重要的特性. 1.复合选择器复合选择器就是两个或多个基本选择器,通过不同的方式连接成的选择器. 复合选择器的三种类型:交集选择器.并集选择器.后代选择器. (1)交集选择器 “交集”复合选择器由两个选择器直接连接构成:其中第一个必须是标记选择器,第二个必须是类别选择器或者ID选择器:这两个选择器之间不能有空格. 例如:下图声明了

Css 分类属性选择器

Css 层叠样式表美化页面的小工具分类: 内联 (行内)在标签内部以属性的形式呈现,属性名style 内嵌 head标签内以标签形式呈现,标签名style 外部 head标签内加link标签引入外部文件 *.css <link rel="stylesheet" type="text/css" href="file:///D|/SSs/作业/3.12/图标.css" /> link标签插入icon图标(加icon图标,路径必须

CSS 子元素选择器与后代选择器区别实例讲解

css子元素选择器和后代选择器在功能描述上非常相同,但是他们其实是有区别的,本文章通过两个简单的实例向大家介绍子元素选择器与后代选择器的区别,需要的朋友可以参考一下. 首先我们来了解一下子元素选择器与后代选择器的基本语法语法子元素选择器的语法如下: div>ul{color:red:} 子元素选择器使用大于号">"做为连接符,子元素选择器只能选择作为某元素子元素的元素后代选择器的语法如下: h1 em{color:red;} 后代选择器可以选择作为某元素后代的元素,父

CSS之后代选择器与多类选择器

<新人报到,欢迎拍砖#- -> 一.后代选择器说起CSS的后代选择器.它属于派生选择器中的一种,两者附属关系如下: -->派生选择器 ----CSS 后代选择器 ----CSS 子元素选择器 ----CSS 相邻兄弟选择器那么问题来了,什么时候需要用到后代选择器嘞?假设你需要为p元素中的span元素(.A类)设置特殊样式,可以用后代选择器选择该元素: /*方式1*/p span{...}/*方式2*/p .A{...} 注意,上述代码的两个选择器间以空格空格空格分隔.另外,后代选择器

css的各种选择器

一.基本选择器 1. * 通用元素选择器,匹配任何元素 2. E 标签选择器,匹配所有使用E标签的元素 3. .info class选择器,匹配所有class属性中包含info的元素 4. #footer id选择器,匹配所有id属性等于footer的元素二.多元素的组合选择器 5. E,F 多元素选择器,同时匹配所有E元素或F元素,E和F之间用逗号分隔 6. E F 后代元素选择器,匹配所有属于E元素后代的F元素,E和F之间用空格分隔 7. E > F 子元素选择器,匹配所有E元素的子元素F

FastAdmin 源码分析：jQuery 含逗号的选择器

FastAdmin 源码分析:jQuery 含逗号的选择器在 FastAdmin 你常常会看到以下 jQuery 选择器的代码. if ($(".datetimepicker", form).size() > 0) { require(['bootstrap-datetimepicker'], function () { var options = { format: 'YYYY-MM-DD HH:mm:ss', icons: { time: 'fa fa-clock-o',

HTML&CSS基础-常用选择器

CSS基础--属性选择器、伪类选择器

属性选择器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>属性选择器</title> <style> .red{ color: red; } .blue{ color: blue; } .darkred{ color: darkred; } .blueviolet{ color:bluevi

前端面试之CSS常用的选择器！

前端面试之CSS常用的选择器! 标签选择器 <style> /* */ p { color: green; } div { color: pink; } </style> 类选择器 <style> /* 类选择器口诀:样式点定义结构类(class)调用一个或多个开发最常用 */ .red { color: red; } .yellow { color: yellow; } </style> id选择

CSS伪类选择器

一.CSS伪类选择器用于给某些选择器添加效果语法规则:选择器:伪选择器例:a:link {color: #FF0000} 未访问的链接 a:visited {color: #00FF00} 已访问的链接 a:hover {color: #FF00FF} 鼠标移动到链接上a:active {color: #0000FF} 选定的链接在<body></body>内<a href=”链接地址”>链接内容文字</a>伪类选择器还可以与css类选择器配合使用a.re

Lining.js - 为CSS提供 ::nth-Line 选择器功能

在CSS中,我们使用 ::first-line 选择器来给元素第一行内容应用样式.但目前还没有像 ::nth-line.::nth-last-line 甚至 ::last-line 这样的选择器.实际上这期选择器在某些情况下是非常有用的,Lining.js 提供了这样的功能. 在线演示插件下载您可能感兴趣的相关文章网站开发中很有用的 jQuery 效果[附源码] 分享35个让人惊讶的 CSS3 动画效果演示十分惊艳的8个 HTML5 & JavaScript 特效 Web 开发

23----2013.07.01---Div和Span区别,Css常用属性,选择器,使用css的方式,脱离文档流,div+css布局,盒子模型,框架,js基本介绍

01 复习内容复习之前的知识点 02演示VS创建元素 03div和span区别通过display属性进行DIV与Span之间的转换.div->span 设置display:inline span->div 设置display:block <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Cont

关于CSS伪类选择器

#CSS伪类选择器 ##使用css伪类选择器需要注意的使用css的伪类选择器来选择某元素时,需要特别注意 :first-child 和 :nth-child(n) 等时, 网页渲染是从语句的后面开始读取的,也就是说,类似 p:first-child 这样的伪类选择器,指的是“某元素的以p元素作为第一子项的那项”,而不是“p元素的第一个子项”. 原因是因为,其实这里在p:之前,省略了 xxx & nbsp; 这几个字符,导致很容易产生误解. e.g. div p:first-child{colo

jQuery的hover方法搭配css的hover选择器，实现选中元素突出显示

问题简述: 今天做帮一个师姐做网页遇到一个这样的要求: 鼠标不移动进表格,表格透明度不变. 鼠标移动进表格,hover到的单元格透明度不变,没hover到的单元格透明度改变. 先贴我已经实现好的效果,一开始,表格透明度不变. 当我鼠标移动到第二排第三个单元格,其他单元格降低透明度. 解决办法一开始,我用的是CSS实现方法,是下面这样 #table td{ opacity:0.5; } #table td:hover{ opacity:1; } 不过这样一开始进去的时候表格透明度就是0.5,看起

CSS中的选择器之类选择器和id选择器

1.css中的选择器: 1.类选择器,又叫class选择器 2.id选择器 3.html元素选择器(又叫标签选择器) 4.通配符选择器 5.伪类选择器 6.组合选择器(多元素选择器,子元素选择器,后代选择器) 简单来说,选择器就是在css中创建,而在网页页面(html,jsp,php,asp.net)中使用选择器的名称命名规范: 一般使用中划线形式:xxx-yyy,一般是小写字母 2.类选择器基本语法: .类选择器名称{ CSS属性:属性值; CSS属性:属性值; } 一般来说,类选择器是提

css一些特殊选择器

css一些特殊选择器1.在box中,从第几个div开始选择,以后的都会选择到,以下代码表示从#box里面的第二个div开始选择:#box div:nth-of-type(n+2){}2.选择奇数个:div>p:nth-of-type(odd){}3.选择偶数个:div>p:nth-of-type(even){}4.选择多少倍数的子级元素:div>p:nth-child(3n){} 4.从最后一个开始数:div>p:nth-last-child(1){} 5.除开第一个:div>

CSS实现和选择器

CSS实现和选择器本课内容: 一.实现CSS四种方式 1,每个html标签中都有一个style样式属性,该属性的值就是css代码.(针对一个标签)2,使用style标签的方式. 一般都定义在head标签中.(针对多个相同的标签)3,当多个页面使用相同样式时,可将样式单独封装为CSS文件导入 <style type=”text/css”>@import url(“1.css”);</style>4,通过HTML头标签中的link标签链接一个CSS文件 <link rel=”s