html中css三种常见的样式选择器

1：标签选择器

标签选择器，是所有带有某种标签的都生效。这里以p为例，也就是所有的带有p标记的都会这样的样式

复制代码代码如下:
htML>
head>
styletyPE="text/css">
p{ font:"宋体"; color:#FF0000}
/style>
/head>
body>
pid="p1"> 我现在表现的是标签选择器/p>
pid="p2"> 我也用的是标签选择器/p>
h1> 我没有被任何的选择器修饰/h1>
/body>
/html>

2：id选择器，注意id选择器是唯一的，因为只有id="yy"的才有这种样式，而一个页面里元素的Id必须是唯一的，所以。。。你懂得id选择器以#开头用法是：id=""

复制代码代码如下:
html>
head>
styletype="text/css">
#yy{ font:"宋体"; color:#FF0000}
/style>
/head>
body>
pid="yy"> 我现在表现的是id选择器/p>
pid="p"> 我没有被id选择器修饰/p>
h1> 我没有被任何的选择器修饰/h1>
/body>
/html>

3：类选择器，类选择器以.开头    只要把元素的class="" 就能表现为这种样式了用法是：class=""

复制代码代码如下:
html>
head>
styletype="text/css">
.yy{ font:"宋体"; color:#FF0000}
/style>
/head>
body>
pclass="yy"> 我现在表现的是类选择器/p>
pclass="yy"> 我没有被类选择器修饰/p>
h1> 我没有被任何的选择器修饰/h1>
/body>
/html>

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！