css关联选择符,伪元素-才认识到的

时间: 2009-01-02  分类: CSS+DIV  收藏

关联选择符
关联选择符是一个用空格隔开的两个或更多的单一选择符组成的符咒. 这些选择符可以指定一般属性, 因为层叠顺序的规则, 它们的优先权比单一的选择符大

例:

body p{background:yellow;}说明body下所有p标签的背景为黄色

p em{background:yellow;}说明p下强调文本的背景为黄色


首行或首字母伪元素,

加大第一行或者第一个字母的大小

如首行:

<html>
    <head>
        <title>000000000000</title>
        <style type="text/css">
            p:first-line{font-size:300% }
        </style>
    </head>
    <body>
        <p>000000011111110222222000000011111102222220000000111111102222220000000
        1111111022222200000001111111022</p>
    </body>
</html>

效果:


 

如首字母

<html>
    <head>
        <title>000000000000</title>
        <style type="text/css">
            p:first-letter{font-size:300%     }
        </style>
    </head>
    <body>
        <p>000000011111110222222000000011111102222220000000111111102222220000000
        1111111022222200000001111111022</p>
    </body>
</html>

效果:

分享到：

评论

昵 称：