[分享]css中常用选择器包括

CSS中有很多常用选择器，这些选择器可以用于寻找页面中的HTML元素，并为其添加样式。以下是几个常用的CSS选择器：1. 元素选择器： p { color: red; } 选中该页面中所有的段落元素，...

CSS中有很多常用选择器，这些选择器可以用于寻找页面中的HTML元素，并为其添加样式。以下是几个常用的CSS选择器：

1. 元素选择器：

   p {
       color: red;
   }

   选中该页面中所有的段落元素，并将它们的字体颜色设置为红色。


2. 类选择器：

   .header {
       font-size: 24px;
   }

   选中所有class属性为"header"的元素，并将它们的字体大小设置为24像素。


3. ID选择器：

   #menu {
       background-color: #f2f2f2;
       border: 1px solid #ccc;
   }

   选中ID为"menu"的元素，并将它们的背景颜色设置为#f2f2f2，边框设置为1像素的实线边框。


4. 属性选择器：

   a[target="_blank"] {
       color: blue;
   }

   选中所有目标属性为"_blank"的链接，并将它们的文本颜色设置为蓝色。


5. 后代选择器：

   div p {
       font-family: sans-serif;
   }

   选中所有div元素下的所有段落元素，并将它们的字体设置为sans-serif。


6. 子元素选择器：

   ul > li {
       color: green;
   }

   选中所有直接子元素为li的ul元素，并将它们的字体颜色设置为绿色。