博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
css分组合嵌套选择器
阅读量:2354 次
发布时间:2019-05-10

本文共 377 字,大约阅读时间需要 1 分钟。

1.分组选择器

在样式表中有很多具有相同样式的元素。

如:

h1
{


color:green;
}
h2
{

color:green;
}
p
{

color:green;
}

为了尽量减少代码,你可以使用分组选择器。

每个选择器用逗号分隔.

h1,h2,p

{

color:green;

}

2.嵌套选择器

它可能适用于选择器内部的选择器的样式

它可能适用于选择器内部的选择器的样式。

在下面的例子设置了三个样式:

  • 为所有p元素指定一个样式
  • 为所有class="marked"的元素指定一个样式
  • 为所有class="marked"元素内的p元素指定一个样式
p
{
color:blue;
text-align:center;
}
.marked
{
background-color:red;
}
.marked p
{
color:white;
}

转载地址:http://lrztb.baihongyu.com/

你可能感兴趣的文章
推荐一个不错的自定义UI
查看>>
fedora16 设置 gedit软件的默认编码
查看>>
S3C6410 存储器映射
查看>>
Linux 3.3.0移植到S3C6410开发板上之一
查看>>
Busybox支持中文的解决办法
查看>>
Spring中BeanFactory和FactoryBean有什么区别?
查看>>
牛年(2021)的KPI
查看>>
快速识别图片类型
查看>>
理解云原生
查看>>
docker常见问题答疑
查看>>
mac最简配置maven
查看>>
虚拟机性能监控与故障处理工具
查看>>
GIT的一些操作
查看>>
ZooKeeper 四字命令
查看>>
Mysql InnoDB锁问题
查看>>
ZooKeeper编程 基础教程
查看>>
Java 集合框架
查看>>
kafka 操作
查看>>
Java 集合框架 算法
查看>>
Java 集合框架 Set实现
查看>>