css各类选择器用法 |css怎样用获取焦点

元素选择器：
p {
color: red;
}
p标签作为元素选择器，会选取所有的
元素，将其颜色设为红色。这是最基本的选择器，不需要添加任何其他符号或属性。

class选择器：
.fancy {
font-size: 20px;
font-weight: bold;
}
使用class选择器，大家可以选择页面中具有特定类名的元素。.fancy这个选择器选取了所有class属性的值为“fancy”的元素，并将它们的字体大小设为20，字体加粗。示例代码如下：

ID选择器：
#logo {
height: 50px;
width: 100px;
}
ID选择器和class选择器有些类似，但是它使用“#”符号来选择页面中特定ID的元素。#logo这个选择器将所有id属性的值为“logo”的元素选中，并修改它们的高度和宽度。示例代码如下：

后代选择器：
p span {
color: green;
}
当大家想选择某个元素内部的其它元素时，可以使用后代选择器。上面的代码选择了所有被
标签包围的标签，并给它们赋予绿色文本颜色。示例代码如下：

伪类选择器：
a:hover {
color: blue;
}
伪类选择器用于根据元素的特定状态来选择元素。例如，当鼠标浮动在链接上时，大家可以使用a:hover这个伪类选择器来修改这个链接元素。示例代码如下：

以上是一些常用的CSS选择器及其使用方法，当然还有很多其他的选择器，不过这些常用就足够大家使用了。加以应用和练习，大家可以更好地掌握CSS的技巧。