×

css的四种基本选择器类型

作者:andy0012020.06.22来源:Web前端之家浏览:726评论:0
关键词:无缝滚动
微信公众号

微信公众号

CSS的选择器分为两大类:基本选择题和扩展选择器。其中有4种基本选择器,下面我们就来看一下css中四种基本选择器类型分别是什么?

基本选择器:

1、标签选择器:针对一类标签

2、ID选择器:针对某一个特定的标签使用

3、类选择器:针对你想要的所有标签使用

4、通用选择器(通配符):针对所有的标签都适用(不建议使用)

标签选择器:一个完整的HTML页面是有很多不同的标签组成,而标签选择器,则是决定哪些标签采用相应的CSS样式

style type="text/css">
p{
font-size:40px;
}</style>
<body>
<p>标签选择器</p>
</body>

id选择器:根据元素ID来选择元素,具有唯一性。前面以”#”号来标志。

<head>
<title>Document</title>
<style type="text/css">
#good
{
border:3px dashed green;
}
</style>
</head>
<body>
<h2 id="good">id选择器</h2>
</body>

类别选择器:类选择器根据类名来选择。和id非常相似,任何的标签都可以携带id属性和class属性。但是id属性只能被某一特定标签引用一次。

<style type="text/css">
.xl{
color: green;
}
.xd{
font-size: 40px;
}
</style>

<p class="xl xd">段落</p>
<p class="xl">段落</p>
<p class="xd">段落</p>

通配符*:匹配所有标签不建议使用。

<style type="text/css">
/*定义通用选择器*,希望所有标签的颜色是绿色字符大小40磅*/{
color: green;
font-size: 40px;
}
</style>

温馨提示:本文作者系 ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
http://www.miarww.com.cn/article/html20200622a1.html

网友评论文明上网理性发言 已有0人参与

发表评论:

最新留言

  • 访客

    的...

  • 访客

    点多...

  • kaifa8

    小公司很少会去搞这种开发自动化,都只是看重结果。...

  • 访客

    你可以加群去问...

  • 访客

    怎么注册?不会...

  • ajoy

    说法可以是一样的,毕竟JS和JQ都是有“血缘关系”的,你可以自己改下不就可以了吗,哈哈!...

  • 访客

    标题是JS用了JQ误人子弟呢...

  • absoy

    vue居然还能这么玩,期待你们vue3.0中文版教程。...

首页|JavaScript|HTML|HTML4|HTML5|CSS3|开发工具|性能优化|移动开发|前端教程|性能优化|开发工具|酷站欣赏|UI设计|前端教程

Copyright ? 2020 Web前端之家(www.miarww.com.cn) 版权所有 All Rights Reserved.
粤ICP备12067512号-1

Copyright Your WebSite.Some Rights Reserved.

Powered By Z-BlogPHP 1.6.4 Valyria

时时彩平台哪个好 河南泳坛夺金遗漏统计 天津11选5中奖规则 云南白药股票分析报告 江西11选5历史最大遗漏 科创板业务股票涨跌幅限制为 甘肃11选5遗漏 彩票开奖平台计划 基金配资100万一年利息 山东十一运夺金几点开始几点结束 喜乐彩票是正规的吗 江苏7位数开奖结果查询果 多乐彩11选五一定牛 安徽十一选五走势图带连线 极速快三必出码技巧 体育彩票大乐透结果 广东快乐10分规则