微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

css常用的基本选择器

CSS是网页设计中最基本的一种风格定义语言,它可以让我们用专业的方式为网页添加样式和布局。其中选择器是CSS的核心,它用于选择要样式化的HTML元素。下面将介绍一些CSS常用的基本选择器。

    

css常用的基本选择器

1. 标签选择器

通过标签名选取所有指定标签的元素,例如:

body {color: #000;}

以上代码会将HTML文档中所有的body标签中的文字变成黑色。

    

2. ID选择器

通过元素的ID属性选择元素,ID选择器前必须要有“#”符号,例如:

#header {background-color: #eee;}

以上代码会将ID为header的元素的背景色变成灰色。

    

3. 类选择器

通过元素的class名选择元素,类选择器前必须要有“.”符号,例如:

.nav {font-size: 18px;}

以上代码会将class为nav的元素的字体大小变为18px。

    

4. 兄弟选择器

通过元素前后关系选择元素,例如:

h1 + p {font-size: 16px;}

以上代码会将紧接着h1元素后的第一个p元素的字体大小变为16px。

    

5. 后代选择器

通过上下级关系选择元素,例如:

ul li {color: #666;}

以上代码会将ul元素下所有li元素的文字颜色变成深灰色。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。