web前端(8)―― CSS选择器
选择器 选择器,说白了就是html的标签或者其相关特性,在一个HTML页面中会有很多很多的元素,不同的元素可能会有不同的样式,某些元素又需要设置相同的样式,选择器就是用来从HTML页面中查找特定元素的,找到元素之后就可以为它们设置样式了。 选择器为样式规则指定一个作用范围 基本选择器 基本选择器包含以下选择器: 标签选择器 类选择器 ID选择器 通用选择器 标签选择器 标签选择器说白了就是html的标签元素,就像前面说的h1-h6,p,div,form,ul,ol,li,a等等的,这些都可以是标签选择器 注意:<html>,<body>也可以作为标签选择器 类选择器 这个选择器很常用,也很重要。先说说什么是类,这样,还是打开百度首页来讲解 左边我圈出来的class = 's_ipt'就是input的一个类属性,右边的css就是由类选择器控制的,这样就可以很好的找到此特有的标签 注意: 类选择器的语法,【.s_ipt】,注意前面的点 类选择在同一个html文件可以有多个 ID选择器 ID选择器和类选择器很类似 还是百度这个例子 我圈出来的这个 id=‘kw’ 就是id选择器,右边的#kw就是其id选择器的css样式 注意: id选择器的语法是 【#kw】,注意前面的井号 id选择器在同一个html文件里的属性是唯一的,也就是说百度首页的html文件里