html中css三種常見的樣式選擇器

字號(hào):


    1:標(biāo)簽選擇器
    標(biāo)簽選擇器,是所有帶有某種標(biāo)簽的都生效。這里以p為例,也就是所有的帶有p標(biāo)記的都會(huì)這樣的樣式
    代碼如下:
    <html>
    <head>
    <styletype=text/css>
    p{font:宋體; color:#ff0000}
    </style>
    </head>
    <body>
    <pid=p1>我現(xiàn)在表現(xiàn)的是標(biāo)簽選擇器</p>
    <pid=p2>我也用的是標(biāo)簽選擇器</p>
    <h1>我沒有被任何的選擇器修飾</h1>
    </body>
    </html>
    2:id選擇器,注意id選擇器是唯一的,因?yàn)橹挥衖d=yy的才有這種樣式,而一個(gè)頁(yè)面里元素的id必須是唯一的,所以。。。你懂得id選擇器以#開頭用法是:id=
    代碼如下:
    <html>
    <head>
    <styletype=text/css>
    #yy{font:宋體; color:#ff0000}
    </style>
    </head>
    <body>
    <pid=yy>我現(xiàn)在表現(xiàn)的是id選擇器</p>
    <pid=p>我沒有被id選擇器修飾</p>
    <h1>我沒有被任何的選擇器修飾</h1>
    </body>
    </html>
    3:類選擇器,類選擇器以.開頭    只要把元素的class= 就能表現(xiàn)為這種樣式了用法是:class=
    代碼如下:
    <html>
    <head>
    <styletype=text/css>
    .yy{font:宋體; color:#ff0000}
    </style>
    </head>
    <body>
    <pclass=yy>我現(xiàn)在表現(xiàn)的是類選擇器</p>
    <pclass=yy>我沒有被類選擇器修飾</p>
    <h1>我沒有被任何的選擇器修飾</h1>
    </body>
    </html>