HTML之选择器

一分钟从入门到放弃

于 2022-11-11 12:50:30 发布

阅读量144

点赞数

文章标签： html

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/weixin_45758021/article/details/127804132

版权

HTML之选择器

分类

标签选择器

选择器的名字就是某个标签

如
```
<style>
	p{
        ......;
	}
</style>
```
用了之后，p标签里所有的内容都会变成这种样式，但只有这个标签能用
类选择器

就像一个方法，谁都可以用

声明
```
.a{
    ........;
}
```
使用
```
<p class="a">.....</p>
```
ID选择器

和类选择器相似，但只能被一个用

声明
```
#a{
    ......;
}
```
使用
```
<p id="a">.....</p>
```

怎么写

名{
    属性：值;
    属性：值;
    属性：值;
    ......
}

写在哪里

内联样式：直接写在标签里

比如
```
<p style="color":red;>....</p>
```
内部样式：写在头部，整个页面都能用
```
<head>
	<style>
		........;
	</style>
</head>
```
外部样式：写在单独的css文件中，在HTML文件的头部用link或import导入使用

引入
```
<link rel="stylesheet" href="css文件路径"/>
```
导入
```
<style>
	@import"css文件路径";
</style>
```

优先级

内联>内部>外联 ID选择器>类选择器>标签选择器

一分钟从入门到放弃

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML之选择器

HTML选择器
复制链接

扫一扫

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

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