css的几种选择器

来源:互联网 发布:安全加密软件 编辑:程序博客网 时间:2024/05/22 14:39

1.标签选择器

<style type="text/css">
p {
color:red;
}


</style>
</head>
<body>
<!-- 
标签选择器:
语法:  标签名 {
属性键:属性值;
}
 -->
<p>标签选择器</p>

2.id选择器

<style type="text/css">
#one {
color:red;
}


</style>
</head>
<body>
<!-- 
ID属性唯一标识符.
要确保页面当中id属性的唯一性.
ID选择器:
语法:  #ID {
属性键:属性值;
}
 -->
<p id="one" >id选择器</p>

3.类选择器

<style type="text/css">
.one {
color:green;
}


</style>
</head>
<body>
<!-- 
class属性可以随意重复.


CLASS选择器:
语法:  .CLASS名称 {
属性键:属性值;
}
 -->
<p class="one" >class选择器</p>

4.伪类选择器

<style type="text/css">
a:link {
color:red;
}
a:active {
color:yellow;
}
</style>
</head>
<body>
<!-- 
伪类选择器:指的是选择的某个标签的 某种状态
常见状态有4种,
l link  没有点击过的状态
v visited  访问过
h hover  鼠标悬浮
a active  激活状态(鼠标点下去没有弹起)
 -->
<a href="01.html" >伪类选择器</a>

1 0
原创粉丝点击