- 浏览: 1529155 次
- 性别:
- 来自: 厦门
文章分类
- 全部博客 (516)
- Java (49)
- Java/Struts 2.0 (25)
- Java/Spring、Spring MVC (11)
- Java/Quartz (3)
- Java/Lucene (6)
- Java/Hibernate (19)
- Java/openJPA (7)
- Java/DWR (7)
- Java/Security、Spring Security/OAuth2 (6)
- Java/Threading (9)
- Java/XML (22)
- java/design pattern (4)
- Android (2)
- JavaScript (46)
- jquery (3)
- DB/MySQL (23)
- DB/Oracle (16)
- PHP (25)
- CSS (20)
- Linux (38)
- C/C++、DLL、Makefile、VC++ (31)
- 正则 (9)
- Eclipse (4)
- 安全、网络等概念 (25)
- 集群 (7)
- 网页 (5)
- 视频\音频 (1)
- HTML (6)
- 计算机数学/算法 (3)
- Virtualbox (1)
- LDAP (2)
- 数据挖掘 (6)
- 工具破解 (1)
- 其他 (13)
- Mail (1)
- 药材 (3)
- 游戏 (2)
- hadoop (13)
- 压力测试 (3)
- 设计模式 (3)
- java/Swing (2)
- 缓存/Memcache (0)
- 缓存/Redis (1)
- OSGI (2)
- OSGI/Gemini (0)
- 文档写作 (0)
- java/Servlet (3)
- MQ/RabbitMQ (2)
- MQ/RocketMQ (0)
- MQ/Kafka (1)
- maven (0)
- SYS/linux (1)
- cache/redis (1)
- DB/Mongodb (2)
- nginx (1)
- postman (1)
- 操作系统/ubuntu (1)
- golang (1)
- dubbo (1)
- 技术管理岗位 (0)
- mybatis-plus (0)
最新评论
-
pgx89112:
大神,请赐我一份这个示例的项目代码吧,万分感谢,1530259 ...
spring的rabbitmq配置 -
string2020:
不使用增强器 怎么弄?
OpenJPA的增强器 -
孟江波:
学习了,楼主,能否提供一份源代码啊,学习一下,十分感谢!!!4 ...
spring的rabbitmq配置 -
eachgray:
...
spring-data-redis配置事务 -
qljoeli:
学习了,楼主,能否提供一份源代码啊,学习一下,十分感谢!!!1 ...
spring的rabbitmq配置
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>类选择器</title> <style type="text/css"> *.warning{ font-weight:bold;} </style> </head> <body> <p class="warning">When handling plutonium,care must be taken to avoid the formation of a critaical mass.</p> <p> With plutonium, <span class="warning">the possibility of important is very real,and must be avoided at all costs</span>. This can be accomplished by keeping the various mass separate.</p> </body> </html>
显示效果:
为了将一个类选择器的样式与元素关联,必段将class属笥指定为一个适当的值。在前面的代码中,有两个元素的class值指定为warning;第一段(第一个p元素)以及第二段中的span元素。
类选择器要正常工作,需要直接引用一个元素的class属笥中的值。这个引用前面往往有一个点号(.),标记这是一个类选择器。通过这个点号,可以帮助类选择器与它可能结合的其他部分分隔开(如类选择器可能结合了元素选择器)。
例如:可能希望只在整个段落是警告时才显示为粗体文本:
p.warning{font-weight:blod;}
选择器现在会匹配class属笥包含warning的所有p元素,但是其他任何类型的元素都不能匹配,不论是否有此class属性。
选择器p.warning解释为“其class属性包含词为warning的所有段落(p元素)。”因为span元素不是一个p元不经,这个规则的选择器与之不匹配,不能变为粗体文本。
发表评论
-
clear在CSS中的妙用
2009-12-24 21:53 1832在DIV + CSS设计网页中,经常需要设置多个DIV并列排 ... -
多浏览器测试的利器-IETester,自带IE5.5,IE6,IE7,IE8等多个内核.
2009-11-05 10:26 2119辛苦做出来的一个网站,到别人的电脑上显示得乱七八糟的,为啥?就 ... -
CSS IE 和 Firefox 的区别
2009-11-05 10:13 1462前言罗唆(其实很多时候没有区别,只是我们没弄好就变成区别了) ... -
第6章 文本属性==>文本缩进 P141
2009-06-05 22:27 970line-height 属性是指文本基线之间的距离,而不是字体 ... -
第6章 文本属性==>文本缩进 P135
2009-05-24 19:55 1249通过使用text-index属性,所有元素的第一行都可以缩进一 ... -
第5章 字体
2009-05-24 19:30 1245字体加粗:font-weight=>值:normal | ... -
第3章 结构和层叠 => 特殊性(优先级) P69
2009-05-03 07:40 1134对于每个CSS规则,用户代理(浏览器)会计算选择器的特殊性,并 ... -
CSS 样式学习库
2009-04-30 23:06 1007CSS菜单库 http://www.dynamicd ... -
第2章 选择器 =>伪类和伪元素 P57
2009-04-30 22:33 1479利用伪类选择器和伪元素选择器,可以为文档中不一定具体存在的结构 ... -
第2章 选择器 =>选择相邻兄弟元素P56
2009-04-30 22:28 1615假设你希望对一个标题 ... -
第2章 选择器 =>特定属性选择类型 P49
2009-04-27 00:19 1005<!DOCTYPE html PUBLIC " ... -
第2章 选择器 =>属性值选择器 P46
2009-04-26 23:05 1014属性值 选择器 除了可以选择有某些属性的元素 ... -
第2章 选择器 =>简单的属性选择器 P44
2009-04-26 22:53 1277如果希望选择有某个属笥的元素,而不论该属性值是什么,可以使用一 ... -
第2章 选择器 =>多类选择器 P41
2009-04-26 22:45 1360现在假设希望class为warni ... -
第2章 选择器 =>选择器分组 P34
2009-04-26 11:03 969<!DOCTYPE html PUBLIC " ... -
第2章 选择器 =>选择子元素 P54
2009-04-26 10:37 1311<!DOCTYPE html PUBLIC " ... -
第1章 CSS和文档局 => @import指令
2009-03-12 22:51 1136与link类似,.@import用于指示WEB浏览器加载一个外 ... -
第1章 CSS和文档局 => link标记 P19
2009-03-12 21:51 1159对于<link>标签的属性详解: ... -
CSS入门4:css选择符
2008-08-11 14:58 829一.选择符模式 模式/含义/内容描述 * 匹 ...
相关推荐
本文介绍了CSS中多种类型的选择器,包括类与ID选择器、元素选择器、属性选择器、伪类和伪元素等。通过这些选择器,我们可以精确控制页面的布局和样式,实现复杂的设计效果。掌握这些选择器是成为优秀前端开发人员的...
2. **类选择器**:用于选中具有特定类名的元素。 - 示例:`.class`。选择所有包含类`class`的元素。 - 复合类选择器:`.class.class`。选择同时拥有两个类`class`的元素。 3. **属性选择器**: - `[text]`:选择...
<p class="style2"><em>第二</em>段样式为style123</p> </body> </html> ``` 在这个例子中,`p.style1 em`表示选择所有具有`class="style1"`的`<p>`元素内部的`<em>`元素,并将其文字颜色设为蓝色。 **应用场景:*...
由于没有具体的描述信息,我将根据标题“第03章 常规选择器(4)”来假设我们已经了解了基本的选择器,并将在此基础上继续深化理解。 首先,让我们回顾一下CSS选择器的基本类型。CSS选择器分为几个类别,包括标签...
3. **后代选择器**:使用空格分隔两个选择器,表示选择第一个选择器内的任何层次的第二个选择器元素。例如: ```css ul li { list-style-type: none; } ``` 这将移除所有`<ul>`下的`<li>`元素的列表样式。 4....
2. **属性选择器**: - `[attr]`: 匹配具有指定属性 `attr` 的任何元素。 - `[attr=value]`: 匹配 `attr` 属性值等于 `value` 的元素。 - `[attr^=value]`: 匹配 `attr` 属性值以 `value` 开头的元素。 - `[attr...
2. **子元素选择器**: 使用`>`符号,如`$("div > p")`选取`<div>`的直接子元素`<p>`。 3. **相邻兄弟选择器**: 使用`+`符号,如`$("div + p")`选取紧跟在`<div>`后面的那个`<p>`元素。 4. **通用兄弟选择器**: 使用`...
二、类型选择器 类型选择器是基于HTML元素标签名的选择器,如`p`、`div`或`h1`。它们直接应用于指定类型的元素,如`p {font-size: 16px;}`将设置所有段落的字体大小为16像素。 三、类选择器 类选择器(.class_name...
3. 过滤选择器:包括简单过滤、内容过滤、可见性过滤、属性过滤、子元素过滤等,如`$("p:first")`(第一个`<p>`元素)、`$("tr:even")`(偶数行的`<tr>`元素)、`$("input:enabled")`(所有启用的`<input>`元素)等...
**jsoup选择器(一)常规选择器** jsoup是一个Java库,专门设计用于处理HTML文档,它提供了方便且强大的API来抓取和操作结构化数据。本篇将重点介绍jsoup中的基本选择器,帮助你高效地在HTML文档中找到所需的信息。...
描述:选择每个`<p>`元素为其父元素的第二个子元素、最后一个子元素、第n个子元素等。 ##### 7. 其他选择器 - **否定选择器**:`:not(selector)` 示例:`:not(p)` 描述:选择不是`<p>`元素的所有其他元素。 - ...
2. 元素选择器: - 元素选择器(element):用于选择指定类型的HTML元素。例如,使用“p”可以选择所有<p>元素。 - 多元素选择器(element,element):可以同时选择多个指定类型的元素。例如,“div,p”将同时选择...
2. **类选择器**:使用`.`前缀,用于定位具有特定类属性的元素,如`.class-name`。这样可以在多个元素间共享相同的样式,而不必针对每个元素重复定义。例如,`.highlight {background-color: yellow;}`将使所有具有`...
在jQuery中,选择器分为多种类型,包括基本选择器、层次选择器、过滤器选择器以及内容和属性过滤器。下面我们将详细探讨这些选择器的用法和实例。 1. **基本选择器**: - `#id`:通过ID选择器选取具有特定ID的元素...
2. **类别选择器**:`.myClass`用于选取具有指定类的所有元素。可以结合其他选择器一起使用,如`$("div.myClass")`选取所有class为"myClass"的div元素。 3. **ID选择器**:`#myID`用于选取ID唯一的元素。ID在页面中...
1. **交集选择器**:由两个选择器组成,第一个通常是标签选择器,第二个为类选择器或ID选择器。例如: ```css p.one { background-color: skyblue; } ``` 这表示只选择同时具有`p`标签和类名为`one`的元素。 ...
二、类选择器 类选择器使用`.`前缀,允许我们根据元素的class属性来选择元素。比如,`.highlight`会选择所有class包含`highlight`的元素。类选择器非常灵活,可以在多个元素上重复使用,以实现统一的样式。 三、ID...
`:nth-child(n)`和`:nth-last-child(n)`选择器允许你选择父元素中的第n个子元素或倒数第n个子元素。`:nth-child(n)`从第一个子元素开始计数,`:nth-last-child(n)`从最后一个子元素反向计数。例如,`:nth-child(2n+1...
2. **组合选择器** - `,` 分割选择器:用于选择不同类型的元素,如`$("div, p")`。 - `MultipleSelectors`:同时选择多个类或ID,如`$("#myID .myClass")`。 3. **层次选择器** - `child`:`>` 选择子元素,如`$...