- 浏览: 1522817 次
- 性别:
- 来自: 厦门
文章分类
- 全部博客 (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>Untitled Document</title> <style type="text/css"> *[lang|="en"]{ color:red; } [class|="one"]{ font-weight:bold; } </style> </head> <body> <h1 lang="en" >Hello!</h1> <p lang="en-us" >Greeting!</p> <div lang="en-au" >G'day!</div> <p lang="fr">Bonjour!</p> <h4 lang="cy-en">Jrooana!</h4> <span class="one-barren cloudy" >Tom</span></p> </body> </html>
这个规则会选择lang属性值等于en或者以en-开头的所有元素。
一般地,[attribute|="val"]可以用于任何属性及其值,假充一个HTML文档中一系列图片,其中每个图片的文件名都形如figure-1.gif和figure-3.gif。
img[src|="figure"]{border:1px solid gray;}
发表评论
-
clear在CSS中的妙用
2009-12-24 21:53 1819在DIV + CSS设计网页中,经常需要设置多个DIV并列排 ... -
多浏览器测试的利器-IETester,自带IE5.5,IE6,IE7,IE8等多个内核.
2009-11-05 10:26 2109辛苦做出来的一个网站,到别人的电脑上显示得乱七八糟的,为啥?就 ... -
CSS IE 和 Firefox 的区别
2009-11-05 10:13 1450前言罗唆(其实很多时候没有区别,只是我们没弄好就变成区别了) ... -
第6章 文本属性==>文本缩进 P141
2009-06-05 22:27 959line-height 属性是指文本基线之间的距离,而不是字体 ... -
第6章 文本属性==>文本缩进 P135
2009-05-24 19:55 1236通过使用text-index属性,所有元素的第一行都可以缩进一 ... -
第5章 字体
2009-05-24 19:30 1236字体加粗:font-weight=>值:normal | ... -
第3章 结构和层叠 => 特殊性(优先级) P69
2009-05-03 07:40 1124对于每个CSS规则,用户代理(浏览器)会计算选择器的特殊性,并 ... -
CSS 样式学习库
2009-04-30 23:06 996CSS菜单库 http://www.dynamicd ... -
第2章 选择器 =>伪类和伪元素 P57
2009-04-30 22:33 1466利用伪类选择器和伪元素选择器,可以为文档中不一定具体存在的结构 ... -
第2章 选择器 =>选择相邻兄弟元素P56
2009-04-30 22:28 1602假设你希望对一个标题 ... -
第2章 选择器 =>属性值选择器 P46
2009-04-26 23:05 1000属性值 选择器 除了可以选择有某些属性的元素 ... -
第2章 选择器 =>简单的属性选择器 P44
2009-04-26 22:53 1268如果希望选择有某个属笥的元素,而不论该属性值是什么,可以使用一 ... -
第2章 选择器 =>多类选择器 P41
2009-04-26 22:45 1352现在假设希望class为warni ... -
第2章 选择器 =>类选择器 P39
2009-04-26 11:39 947<!DOCTYPE html PUBLIC " ... -
第2章 选择器 =>选择器分组 P34
2009-04-26 11:03 958<!DOCTYPE html PUBLIC " ... -
第2章 选择器 =>选择子元素 P54
2009-04-26 10:37 1305<!DOCTYPE html PUBLIC " ... -
第1章 CSS和文档局 => @import指令
2009-03-12 22:51 1123与link类似,.@import用于指示WEB浏览器加载一个外 ... -
第1章 CSS和文档局 => link标记 P19
2009-03-12 21:51 1148对于<link>标签的属性详解: ... -
CSS入门4:css选择符
2008-08-11 14:58 812一.选择符模式 模式/含义/内容描述 * 匹 ...
相关推荐
本文介绍了CSS中多种类型的选择器,包括类与ID选择器、元素选择器、属性选择器、伪类和伪元素等。通过这些选择器,我们可以精确控制页面的布局和样式,实现复杂的设计效果。掌握这些选择器是成为优秀前端开发人员的...
2. **类选择器**:用于选中具有特定类名的元素。 - 示例:`.class`。选择所有包含类`class`的元素。 - 复合类选择器:`.class.class`。选择同时拥有两个类`class`的元素。 3. **属性选择器**: - `[text]`:选择...
- 这些选择器允许选择父元素的特定子元素或特定类型的子元素,如选择父元素的第一个、最后一个、第n个子元素或特定类型子元素。 9. 其他选择器: - :root、:empty、:target、:enabled、:disabled、:checked、:not...
<p class="style2"><em>第二</em>段样式为style123</p> </body> </html> ``` 在这个例子中,`p.style1 em`表示选择所有具有`class="style1"`的`<p>`元素内部的`<em>`元素,并将其文字颜色设为蓝色。 **应用场景:*...
二、类型选择器 类型选择器是基于HTML元素标签名的选择器,如`p`、`div`或`h1`。它们直接应用于指定类型的元素,如`p {font-size: 16px;}`将设置所有段落的字体大小为16像素。 三、类选择器 类选择器(.class_name...
2. **属性选择器**: - `[attr]`: 匹配具有指定属性 `attr` 的任何元素。 - `[attr=value]`: 匹配 `attr` 属性值等于 `value` 的元素。 - `[attr^=value]`: 匹配 `attr` 属性值以 `value` 开头的元素。 - `[attr...
由于没有具体的描述信息,我将根据标题“第03章 常规选择器(4)”来假设我们已经了解了基本的选择器,并将在此基础上继续深化理解。 首先,让我们回顾一下CSS选择器的基本类型。CSS选择器分为几个类别,包括标签...
描述:选择每个`<p>`元素为其父元素的第二个子元素、最后一个子元素、第n个子元素等。 ##### 7. 其他选择器 - **否定选择器**:`:not(selector)` 示例:`:not(p)` 描述:选择不是`<p>`元素的所有其他元素。 - ...
3. **后代选择器**:使用空格分隔两个选择器,表示选择第一个选择器内的任何层次的第二个选择器元素。例如: ```css ul li { list-style-type: none; } ``` 这将移除所有`<ul>`下的`<li>`元素的列表样式。 4....
在jQuery中,选择器分为多种类型,包括基本选择器、层次选择器、过滤器选择器以及内容和属性过滤器。下面我们将详细探讨这些选择器的用法和实例。 1. **基本选择器**: - `#id`:通过ID选择器选取具有特定ID的元素...
- **类型选择器**:通过元素名来选择元素,如`p`选择所有的段落。 - **类选择器**:使用`.`前缀,如`.myClass`选择具有特定类名的元素。 - **ID选择器**:使用`#`前缀,如`#myID`选择具有特定ID的唯一元素。 - *...
- `,` 分割选择器:用于选择不同类型的元素,如`$("div, p")`。 - `MultipleSelectors`:同时选择多个类或ID,如`$("#myID .myClass")`。 3. **层次选择器** - `child`:`>` 选择子元素,如`$("ul > li")`。 - ...
6. :nth-of-type(n) 和 :nth-last-of-type(n):类似于`:nth-child()`,但只选择特定类型的元素,比如只选择所有`<p>`元素中的第n个。 7. :empty:选择没有任何子元素(包括文本节点)的元素。 掌握这些选择器的用法...
例如,可以组合使用类选择器和属性选择器来选择具有特定类且拥有特定属性的元素。 由于文章内容中提到OCR扫描可能导致识别错误,读者在学习过程中遇到类似问题,应当参照官方文档或权威资源进行核对与学习。这样...
元素选择器是最基础的选择器类型,它通过元素名来选择页面上的所有该类型的元素。例如,`p` 选择器会选中所有的段落元素。在HTML文档中,`<p>` 标签用于创建段落,而使用 `p {color: red;}` 就可以将所有段落文本设...
ID选择器以`#`标识,用于根据元素的id属性选取特定的元素。例如,`#header`会选取id为`header`的元素。ID选择器具有唯一性,每个页面中每个ID只能出现一次,因此它常用于设置页面主要部分的样式。 四、后代选择器 ...
4. **属性选择器**:例如`[attr]`,选择具有特定属性的元素,还可以指定值,如`[href]`或`[type="button"]`。 5. **伪类和伪元素**:如`:hover`,`:active`,`:focus`,`:first-child`等,根据元素的状态或位置进行...
在jQuery中,选择器分为多种类型,包括基础选择器、类别选择器、ID选择器、属性选择器、后代选择器、子元素选择器、相邻兄弟选择器和通用选择器等。 1. **基础选择器**:主要包括`$()`,用于选取一个或多个DOM元素...
ID选择器用于选择具有特定`id`属性的唯一元素。在HTML中,每个`id`应该是唯一的。例如,要选取`id`为`mainContent`的元素,可以这样写: ```java Element mainContent = doc.select("#mainContent").first(); ``` #...
2. **子元素选择器**: 使用`>`符号,如`$("div > p")`选取`<div>`的直接子元素`<p>`。 3. **相邻兄弟选择器**: 使用`+`符号,如`$("div + p")`选取紧跟在`<div>`后面的那个`<p>`元素。 4. **通用兄弟选择器**: 使用`...