[ jquery 选择器 :header ] 此方法选取匹配如 h1, h2, h3之类的标题元素

此方法选取匹配如 h1, h2, h3之类的标题元素

实例:

<!DOCTYPE html>
<html lang='zh-cn'>
<head>
<title>Insert you title</title>
<meta http-equiv='description' content='this is my page'>
<meta http-equiv='keywords' content='keyword1,keyword2,keyword3'>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type='text/javascript' src='./js/jquery-1.12.1.min.js'></script>
<script type='text/javascript'>
    $(function(){
      $('#content :header').css({'font':"600 20px/1.2em 'Courier New'",'color':'#F30','margin':'0','padding':'0',});
      $('#content :not(":header")').css({'font':"400 15px/1.2em 'Courier New'",'color':'#999','margin':'0','padding':'0',});
    });    
</script>
</head>
<body>
    <div id='content'>
        <h4>this is a test demo</h4>
        <p>EmEditor Professional以运行轻巧、敏捷而又功能强大、丰富著称，作为简单好用的文本编辑器，EmEditor支持多种配置，可自定义颜色、字体、工具栏、快捷键、行距等，支持文本列块选择、无限撤消/重做等，是替代记事本的最佳编辑器</p>
    </div>
</body>
</html>

 

posted @ 2016-06-22 07:33  窗棂  Views(1421)  Comments(0)  Edit  收藏  举报