CSS选择器是用于在HTML文档中选择某个元素的工具。选择器可以通过元素类型、类名、ID等来匹配元素。在CSS中有许多不同的选择器类型,每个类型在不同的情况下使用最为合适。 <style
CSS选择器是用于在HTML文档中选择某个元素的工具。选择器可以通过元素类型、类名、ID等来匹配元素。在CSS中有许多不同的选择器类型,每个类型在不同的情况下使用最为合适。
<style> p { color: blue; } #header { background-color: gray; } .menu li { display: inline-block; } </style>
1. 元素选择器(Element Selector)
元素选择器是选择指定元素类型的样式的选择器,比如p、h1等。它们适用于需要对某一种元素类型进行样式修饰时使用。以下是一个例子,为所有p元素设置蓝色文本颜色。
p { color: blue; }
2. ID选择器(ID Selector)
ID选择器是使用元素ID来选择指定元素的样式的选择器。适用于需要特别定位某一个元素进行样式修饰时使用。以下是一个例子,为ID为header的元素设置灰色的背景颜色。
#header { background-color: gray; }
3. 类选择器(Class Selector)
类选择器是使用元素类名来选择指定元素的样式的选择器。适用于需要特别定位一类元素进行样式修饰时使用。以下是一个例子,为所有类名为menu的元素的li子元素设置inline-block的display属性。
.menu li { display: inline-block; }
4. 关系选择器(Combinator Selector)
关系选择器是使用元素间的关系来选择指定元素的样式的选择器。适用于需要特别定位某些元素之间的关系进行样式修饰时使用。以下是一些关系选择器的例子:
ul li { color: black; }
ul.nav > li { color: red; }
li.menu + li.active { color: green; }
粉丝
0
关注
0
收藏
0