CSS选择符说明
一、类型选择符
body
{
font-size:12px;
}
{
color:blue;
}
指对网页中已有的标签类型作为名称的选择符,如上表示:body标签内的所有文字大小为12px;段落内的文字颜色为蓝色。
二、群组选择符
h4,p,span
{
font-size:12px;
}
表示页面所有的h4,p,span标签内文字都为12px大小,即对一组对象进行相同的样式指定,每个标签之间用逗号分隔开来。
三、包含选择符
div p
{
font-weight:bold;
}
表示div标签里边的p标签内的文字为粗体字、这是一种包含关系,每个标签之间用空格隔开,可以为多级包含。
四、id和class选择符
id是对页面中的唯一元素进行样式定义,这个样式在页面中只使用一次、即id不重复
<div id="myDiv">
..
</div>
#myDiv
{
font-size:12px;
}
class定义的是通用或经常使用的样式,一种样式在一个页面中需要出现多次,即可以为不同的标签指定相同的class,如下表示:div和p标签内的字体都是蓝色
<div class="red">
</div>
<p class="red">..</p>
.red
{
color:blue;
}
五、组合选择符
使用id或class,同时也使用标签来进行组合
h1 #cont
{
}
表示id为cont的h1标签
h1 .cont
{
}
表示所有class为cont的h1标签
六、伪类选择符
常见为a标签
a:link
{
}
a:hover
{
}
a:visited
{
}
七、通配选择符
*
{
color:blue;
}
表示所有对象的字体都为蓝色。
相关推荐
-
CSS基础 CSS选择符
示例: *[lang=fr] { font-size:14px; width:120px; } *.div { text-decoration:none; } 2.类型选择符 语法: E { sRules } 说明: 类型选择符.以文档语言对象(Element)类型作为选择符. 示例: td { font-size:14px; width:120px; } a { text-decoration:none; } 3.属性选择符 语法: E [ attr ] { sRules } E [ attr
-
CSS选择符说明
一.类型选择符 body { font-size:12px; } { color:blue; } 指对网页中已有的标签类型作为名称的选择符,如上表示:body标签内的所有文字大小为12px;段落内的文字颜色为蓝色. 二.群组选择符 h4,p,span { font-size:12px; } 表示页面所有的h4,p,span标签内文字都为12px大小,即对一组对象进行相同的样式指定,每个标签之间用逗号分隔开来. 三.包含选择符 div p { font-weight:bold; }
-
css进阶学习 选择符
在我最早开始写css的时候,其代码上的高自由度就一直很令我困惑.这就是说,同一个设计,如果让不同的人来实现,最终的代码一定是有差异的.但这存在一个问题,如果不同的人通过不同的方法以及代码风格,都从外观上实现了一样的设计,将很难评价谁做得更好.想来也是,既然都实现了设计,达到了目的,css这种没有程序逻辑的代码中,又能找出什么来说明谁做得更出色呢? 而如今,我认同的观念是,css这种描述性语言,仍然有着代码上的质量评判.评判标准就是可维护性(Maintainability)和性能(Performa
-
jQuery 关于伪类选择符的使用说明
jQuery选择器的强大不仅在于选择器支持基本的css选择符,还支持很多CSS的伪类选择符,甚至可以自定义选择符,下面让我们来看看一些伪类选择符 :nth-child的用法 nth-child是一个css3伪类选择符,在jQuery中被实现了,在Jquery API中对nth-child的定义是:"匹配其父元素下的第N个子或奇偶元素".读着感觉有点绕口,下面让我们通过例子来说明: 复制代码 代码如下: <div> <ul> <l
-
初窥JQuery(一)jquery选择符 必备知识点
本章内容根据本人在开发中常用到的选择符作为例子来进行讲解,如有更多常用的简单的例子可回复提供,参与讨论,一起学习研究,首先我们从常用的CSS选择符开始. CSS选择符包括通配选择符.ID选择符.属性选择符.包含选择符.类选择符等,他们的基本格式为: 通配选择符:$("#ID *") 表示该元素下的所有元素. ID选择符:$("#ID") 表示获得指定ID的元素. 属性选择符:$("input[type=text]") 表示type属性为text的
-
jQuery入门第一课 jQuery选择符
选择符可以认为是一个增强版的getElementById方法.getElementById方法返回的是一个HTML元素,jQuery选择符返回的是HTML元素的一个包装.利用这个包装集,jQuery赋予了HTML元素更多的可以操作的方法.在JQuery中,处于核心地位的一个函数就是$.对,它就是一个函数,名字有点古怪.这个函数就是选择函数,其一般用法是 var obj=$(selector); 其中selector是一个字符串,就是下面要着重介绍的选择符.返回的是元素的包装集合.事实上,JQue
-
jQuery 选择符详细介绍及整理
jQuery 选择符 CSS选择符, 如: $('#title1 > li')为取得ID为title1(#title)的子元素(>)中所有的列表项(li). $('#title1 li:not(.class1)')为取得ID为title的后代元素中没有(not)class1类的所有列表项. jQuery库支持XPath选择符. 如: $('a[@title]')为取得所有带title属性的链接.也可以不用@符号. 如: $('div[ol]')为取得所以包含一个ol属性的div元素.当然,还允
-
大家看了就明白了css样式中类class与标识id选择符的区别小结
你可以用类选择符class和标识选择符id来定义自己的选择符. 这样做的好处是,依赖于class或者id,你可以不同地表现相同的HTML元素. 在CSS中,类选择符在一个半角英文句点(.)之前,而id则在半角英文井号(#)之前. 看起来像这样: #top { background-color: #ccc; padding: 1em } .intro { color: red; font-weight: bold; } HTML与CSS的连接用属性id和class.像这样: <div id=&quo
-
jQuery代码优化 选择符篇
本文就从选择符的角度简单探讨一下优化jQuery代码的问题. Sizzle的运行机制 jQuery从1.3开始把根据选择符表达式查找元素的代码独立出来,也就是Sizzle引擎.当我们把一个选择符表达式(比如"#id".".class".":nth-child(2)")传递给$()函数时,Sizzle在内部会优先利用浏览器原生支持的DOM方法来查找元素,以求得最大的执行速度.以下就是Sizzle会优先选用的几个标准的原生方法(各个方法的用途不再赘述
-
JQUERY的属性选择符和自定义选择符使用方法(二)
例子:给链接中含用"wangorg"字符的链接文字加粗 css: 复制代码 代码如下: .abold{ font-weight:bold; } html: 复制代码 代码如下: $('document').ready(function(){ $('a[href*=wangorg]').addClass('abold'); }) 属性选择也可以用组合方式: $('a[href^=http] [href*=wangorg]').addClass('abold') 自定义选择符是JQUERY
随机推荐
- 常用正则表达式 比较实用
- Vue.extend构造器的详解
- CentOS Linux系统下安装Redis过程和配置参数说明
- jQuery插件bxSlider实现响应式焦点图
- 怎么在AVD上安装apk软件
- 浅谈java异常处理之空指针异常
- JavaScript语言精粹经典实例(整理篇)
- js实时监听文本框状态的方法
- Javascript 绘制 sin 曲线过程附图
- PHP5.6新增加的可变函数参数用法分析
- PHP递归实现文件夹的复制、删除、查看大小操作示例
- python中print的不换行即时输出的快速解决方法
- 有关于JS构造函数的重载和工厂方法
- php实现QQ空间获取当前用户的用户名并生成图片
- 利用原生JS与jQuery实现数字线性变化的动画
- 本机开放的端口及使用该端口的进程的批处理
- JavaScript中关于iframe滚动条的去除和保留
- JavaScript中的正则表达式简明总结
- apply和call方法定义及apply和call方法的区别
- 超实用的JavaScript代码段 附使用方法