html中的选择器都是有哪些,基本css选择器有哪些?

CSS选择器:就是指定CSS要作用的标签,那个标签的名称就是选择器。意为:选择哪个容器。CSS的选择器分为两大类:基本选择题和扩展选择器。

93f58c5d2c193db473d26d50fd5ae645.png

css基本选择器:标签选择器:针对一类标签

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

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

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

1、标签选择器:选择器的名字代表html页面上的标签

标签选择器,选择的是页面上所有这种类型的标签,所以经常描述“共性”,无法描述某一个元素的“个性”。

示例:

p{

font-size:14px;

}

css

2、ID选择器:规定用#来定义(名字自定义)

针对某一个特定的标签来使用,只能使用一次。css中的ID选择器以”#”来定义。

举例:

Document

#mytitle

{

border:3px dashed green;

}

然后我们在别处使用id来引用它:

你好

3、类选择器:规定用圆点.来定义

示例:

.oneclass/*定义类选择器*/{

width:800px;

}

然后我们在别处使用class来引用它:

你好

4、通配符*:匹配任何标签(引出属性选择器*[title(="...")]{...},匹配所有带有title标签的,a[href

(="...")][title(="...")]{color:red}将同时有 href(="...")和 title(="...")属性的 HTML 超链接的文本设置为红色等)

通用选择器,将匹配任何标签。不建议使用,IE有些版本不支持,大网站增加客户端负担。

效率不高,如果页面上的标签越多,效率越低,所以页面上不能出现这个选择器。

举例:

*/*定义通用选择器*,希望所有标签的上边距和左边距都为0*/{

margin-left:0px;

margin-top:0px;

}

后面就不需要进行引用了以上就可以起到”通配“的效果了。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值