css常用的两种选择符类型为

CSS(层叠样式表)是前端开发中不可或缺的一部分，它负责CSS属性的应用，而选择符(Selector)则是控制CSS样式的重要工具。本文介绍CSS常用的两种选择符类型。

第一种选择符类型是基本选择符(Basic Selectors)，它包括以下几种：

  1. 元素选择器(Element Selector)：通过元素名来选择元素
  2. 类选择器(Class Selector)：通过.class名来选择元素
  3. ID选择器(ID Selector)：通过#id名来选择元素

基本选择符可以单独使用，也可以组合使用，以更精确地匹配目标元素。例如：

  /* 选中所有p元素 */
  p {
    font-size: 16px;
  }

  /* 选中class为red的元素 */
  .red {
    color: red;
  }

  /* 选中id为title的元素 */
  #title {
    font-weight: bold;
  }

第二种选择符类型是高级选择符(Advanced Selectors)，它包括以下几种：

  1. 后代选择器(Descendant Selector)：通过上下级关系选择元素
  2. 子元素选择器(Child Selector)：选择直接子元素
  3. 兄弟选择器(Sibling Selector)：选择同级元素
  4. 相邻兄弟选择器(Adjacent Sibling Selector)：选择紧邻的同级元素
  5. 通配符选择器(Universal Selector)：通过所有元素

高级选择符可以更加灵活地选择目标元素，例如：

  /* 选择p元素中的strong元素 */
  p strong {
    font-weight: bold;
  }

  /* 选择ul元素中的直接子元素li */
  ul > li {
    list-style: none;
  }

  /* 选择紧邻的同级元素 */
  h1 + p {
    margin-top: 0;
  }

  /* 选择所有元素 */
  * {
    Box-sizing: border-Box;
  }

以上就是CSS常用的两种选择符类型的介绍。选择符的应用可以让我们轻松地控制样式，实现更灵活的排版效果。