- 浏览: 1529161 次
- 性别:
- 来自: 厦门
文章分类
- 全部博客 (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配置
现在假设希望class为warning的所有元素都是粗体,而class为urgent的所有元素为斜体,class中同时包含warning和urgent的所有元素还有一个灰色背景。
<!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;} .urgent{ font-style:italic; } .warning.urgent{ background-color:gray; } </style> </head> <body> <p class="urgent 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="warning urgent"也可以。
通过把两个类选择器链接在一起,仅可以选择同时包含类些类名的元素(类名的顺序不限)。可以看到,HTML源代码中包含class="urgent warning",但是CSS选择器写作.warning.urgent。
p.warning.help{background:red;}
这个选择器将只匹配class包含词warning和help的那些p元素。因此如果一个p元素的class属笥中只有词warning和urgent时,将不能匹配。不过它匹配以下元素:
<p class="warngin urgent help">Help me!</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 1463前言罗唆(其实很多时候没有区别,只是我们没弄好就变成区别了) ... -
第6章 文本属性==>文本缩进 P141
2009-06-05 22:27 970line-height 属性是指文本基线之间的距离,而不是字体 ... -
第6章 文本属性==>文本缩进 P135
2009-05-24 19:55 1250通过使用text-index属性,所有元素的第一行都可以缩进一 ... -
第5章 字体
2009-05-24 19:30 1246字体加粗: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章 选择器 =>类选择器 P39
2009-04-26 11:39 957<!DOCTYPE html PUBLIC " ... -
第2章 选择器 =>选择器分组 P34
2009-04-26 11:03 969<!DOCTYPE html PUBLIC " ... -
第2章 选择器 =>选择子元素 P54
2009-04-26 10:37 1312<!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一.选择符模式 模式/含义/内容描述 * 匹 ...
相关推荐
p41wjtmain.exe
韩电HD-2608板 P41-X9 V3.0-A 屏 M236HGE-P20韩电HD-2608板 P41-X9 V3.0-A 屏 M236HGE-P20韩电HD-2608板 P41-X9 V3.0-A 屏 M236HGE-P20韩电HD-2608板 P41-X9 V3.0-A 屏 M236HGE-P20韩电HD-2608板 P41-X9 V3.0-A 屏 ...
变频器说明书系列-EISN P41-P45.pdf
熟悉Scanner类的用法,从控制台输入计算圆面积(P41)java
V56RUU-Z1-P41-M6V3.0-三合一板 单八 自动开机 有背光方式 开串口MX25L3205_20181020_132622.BIN
XX地产 地产博客营销P41.ppt
9. **TypeScript**:TypeScript是JavaScript的超集,添加了静态类型检查和更多的语法特性,提升了代码的可维护性和可读性,被许多大型项目所采用。 10. **测试和调试**:JavaScript的测试工具有Jest、Mocha等,调试...
【地产资料】XX地产 地产博客营销P41.zip
照明控制技术的发展则提供了更多精细化管理的可能,包括但不限于使用开关、断路器、定时器、光电感应器和智能控制系统,这些技术的组合使用,能够有效实现对照明设备的智能管理,从而满足各种场景的照明需求,并提高...
【标题】"p41"很可能是指编程问题或者编程挑战中的第41号问题,这通常在编程竞赛或在线学习平台上出现。在这种情况下,我们主要关注的是与编程相关的知识点,尤其是与JavaScript语言有关的部分。 【描述】"41"没有...
本资料包"shengjing.rar_P41E_dearni2_decision tree_tree BP_随机森林算法"聚焦于神经网络的BP算法、决策树、以及随机森林算法,这些都是机器学习中的重要组成部分。下面将对这些知识点进行深入的探讨。 首先,让...
(完整版)SPC全套Excel版模版编号P41S.xls
1. "S36SI_E-CMW310-R1702P41-S168.bin":这是一个二进制文件,很可能包含的是固件或者系统镜像,用于更新设备的软件。"S168"可能指的是设备的某个特定型号或版本。 2. "S3600_V606.btm":".btm"文件通常与H3C设备的...
第二章 感知机 2.3.1 感知机算法的原始形式 2.3.2 算法的收敛性(Novikoff 定理)(P31-P33) 2.3.3 感知机学习算法的对偶形式(P33-P34) 2.3.1 感知机算法的原始形式(P28-P29) 2.3.3 感知机学习算法的对偶形式...
【标题】:“C语言学习笔记 p41 指针笔试面试题讲解(2)” 在C语言中,指针是编程中一个至关重要的概念,它允许我们直接操作内存地址,提高了程序的灵活性和效率。这份学习笔记主要针对C语言中的指针进行深入探讨,...
//下面是打印出第二个矩形的程序代码 for(int i=0;i<2;i++) { for(int j=0;j;j++) { System.out.print("*"); } System.out.println(); } System.out.println(); //下面是打印出第三个...
《网络工程钢管厂网络建设项目技术方案档P41.doc》是一个详细的技术方案,主要涵盖了AA钢管厂新厂区的网络建设,由四川UU信息产业有限责任公司提交。这份文档旨在规划和实施一个高效、稳定且符合行业标准的综合布线...
atk0110_acpi_104321537_xp.exe acpi的驱动程序,asus p41上的 for xp
《水果捕手_p41》是一款基于JavaScript技术开发的互动游戏,主要涵盖了JavaScript的基础语法、DOM操作、事件处理以及游戏逻辑编程等多个方面的知识点。在这个项目中,开发者利用JavaScript的动态特性,为用户提供了...
可以被一个或多个应用和程序使用 第二章(p41) 1.对关系模型叙述错误的是( ) D.不具有连接操作的DBMS也可以使关系数据库系统 2.关系模型中,候选码( ) C.可以一个或多个其值能唯一标识该关系模式中任何元组的...