梦之都
CSS教程
,
CSS E + F 直接相邻选择符
示例
h1选择符
-1em的h2选择符
h1选择符
-2em的h2选择符
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>CSS E + F 直接相邻选择符示例</title> <style type="text/css" media="all"> h1 + h2 { margin-top: -1em; color:green; } h1.dreamdu + h2 { margin-top: -2em; color:red; } </style> </head> <body> <h1>h1选择符</h1> <h2>-1em的h2选择符</h2> <h1 class="dreamdu">h1选择符</h1> <h2>-2em的h2选择符</h2> </body> </html>