css中常用的选择器(二)

来源：互联网发布：九丁软件编辑：程序博客网时间：2024/05/20 04:48

1. 包含选择器

格式：选择器A 选择器B ... { 属性名：属性值；... }

说明：格式中选择器A包含选择器B,也就是说选择器A.contains(选择器B) == true；

示例：

div{     font-size:24px;}/*div标签中的span标签中的b标签*/div span b{    font-size:19px;}/*<div><span>我是<b>包含选择器</b></span></div>*/

2.组合选择器

格式：选择器A, 选择器B, 选择器C, ... { 属性名：属性值;属性名：属性值; ... }

说明：多个选择器间用逗号隔开，多个属性之间用分号隔开

示例：

div, p, .classselector {       font-size:24px;}/*<div>-----div-----</div><p>----p----</p><ul class="classselector">----ul----</ul>*/

3.伪类及伪类选择器

格式：

1> 标签名：伪类 { 属性名：属性值; ... }

2> 标签名：伪对象 { 属性名：属性值; ... }

示例：

/*伪元素选择器:是html中事先定义好的一些选择器；格式：1.标签名：伪类{属性名：属性值；...}2.标签名：伪对{属性名：属性值；...}伪类包括：1. :link2. :hover 悬停3. :active 被点击释放的瞬间4. :visited 被点击后5. :focus6. :first-child7. :first8. :left9. :right10. :lang7~9 : 仅使用<p>伪对象包括：1. :first-letter2. :first-line3. :before4. :after*/a:link , a:visited {background-color:#0F0;color:#00F;text-decoration:none;}a:hover {background-color:#F00;}p:first-letter{background-color:#FFFBF0;color:#0F0;font-size:24px;}p:first-line{background-color:#00DFAA;font-size:36px;}

0 0