css各种选择器,元素标签选择器,类选择器,id选择器,选择器的组合

2021年9月11日 2点热度 0条评论 来源: 西方契约

3 元素(标签)选择器:

格式

标签名(html元素){

/*CSS样式代码*/

}

使用范围,是将同样的样式,作用在多个同名的标签上。

4 类选择器:

<span>我是红色</span>

<div>我是红的</div>

heml的标签名不一样,但是需求一样时,就给有需求的标签起个相同的类名就可以了

例如<span class=redF随便起的名字”>我是红色</span>

<div class=”redF随便起的名字”>我是红的</div>

只要将 元素选择器的 标签名,换成起的类名就可以了,注意类名前加点.

<head>

<style>

.redF随便起的名字{

Colorred

}

</style>

</head>

5 id选择器:以htmlid值作为选择器的名称,注意需要在id值前加#

Id:每个html标签都有一个id属性,id的属性值必须在本页面是唯一的(必须手动的保证ID值在本页面的唯一性,因为即使id不唯一,hbuider也不会报错)

 

格式

#id{

/*CSS样式代码*/

}

适用范围:适用于将样式,作用某个标签上(更具有针对性)

6 基本选择器的组合关系

格式:

选择器1 选择器2....{

/*CSS样式代码*/

}  

就是只将选择器1 下的 选择器2 内的内容改变为css的样式代码 格式

    原文作者:西方契约
    原文地址: https://blog.csdn.net/boss_way/article/details/78374285
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系管理员进行删除。