[分享]css中常用的选择器有哪些

在CSS中，我们可以使用选择器来选中想要进行样式设计的HTML元素。下面介绍一些CSS中常用的选择器： /1. 元素选择器/ p { color: red; } /2. id选择器/ header ...

在CSS中，我们可以使用选择器来选中想要进行样式设计的HTML元素。下面介绍一些CSS中常用的选择器：

  /*1. 元素选择器*/
        p {
            color: red;
        }
        
        /*2. id选择器*/
        #header {
            font-size: 20px;
        }
        
        /*3. 类选择器*/
        .redText {
            color: red;
        }
        
        /*4. 相邻兄弟选择器*/
        h1 + p {
            margin-top: 0;
        }
        
        /*5. 子选择器*/
        ul > li {
            list-style: none;
        }
        
        /*6. 后代选择器*/
        section h1 {
            font-size: 22px;
        }
        
        /*7. 通配符选择器*/
        * {
            margin: 0;
            padding: 0;
        }
        
        /*8. 属性选择器*/
        input[type="text"] {
            width: 200px;
        } 

通过使用这些选择器，我们可以更加精确地选中需要进行样式设计的元素，实现更加细致的界面设计。