CSS经验分享一,相邻选择符

最新推荐文章于 2024-12-02 17:38:34 发布

weixin_30527423

最新推荐文章于 2024-12-02 17:38:34 发布

阅读量104

点赞数

CC 4.0 BY-SA版权

文章标签： xhtml

原文链接：http://www.cnblogs.com/lgh/archive/2008/11/08/1329800.html

本文介绍了CSS相邻选择符的应用，包括其语法与浏览器兼容性。通过示例代码展示了如何使用相邻选择符来调整紧邻的元素样式，如去除段落默认的顶部边距。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

现在有IE7,IE8,firefox3的出现,让CSS可以做更多的事情,让我们来看看CSS相邻选择符.

相邻选择符就是能够以紧跟元素,并与其有共同父元素的元素为目标的选择符.

------------------------------------------------

注意:IE6.0及以下版本不支持此选择符

-----------------------------------------------

请看示例:
h1 + p
        {
            color: Red;
        }

Code
1

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2

<html xmlns="http://www.w3.org/1999/xhtml">
3

<head>
4

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
5

<title>相邻选择符</title>
6

<style type="text/css" media="all">

7

h1 + p
8

{

}{
9

color: Red;
10

}
11

</style>
12

</head>
13

<body>
14

<h1>
15

CSS经验分享开遍</h1>
16

<p>
17

DIV和CSS给我们还的好处!</p>
18

<p>
19

使用CSS让我们代码更少,让我们统一风格,更容易</p>
20

</body>
21

</html>
22

这里代码只是说明了相邻选择符的作用,实际中大家可以灵活应该,可以发现能解决很多问题,不过目前普遍都还是IE6,并不建议使用!

相邻选择可以解决段落默认有1em的边框问题.

h1 + p
        {
            margin-top:0px;
        }

在firefox下效果

转载于:https://www.cnblogs.com/lgh/archive/2008/11/08/1329800.html

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。