一、初级选择器 1.1 基础选择器 通配符（*）选择器 语法：*{属性：属性值；} 说明：*表示页面中所有的元素（标签），我们常用来重置样式。实例：*{ margin: 0;padding: 0;} 标签（元素）选择器 语法：标签名{属性：属性值；} 说明：标签选择器就是使用结构中元素名称直接作为选择符。实例：div{ width: 10...
属性选择器(Attribute Selector):通过元素的属性选择 HTML 元素。属性选择器可以根据属性名和属性值进行选择。 如下代码,input[type="text"]选择器将选择所有type属性为"text"的 元素。 input[type="text"]{border:1pxsolid gray;} 后代选择器(Descendant Selector):通过指定元素的后代关系选择 HTML 元素。 后代...
1. 基本选择器 1.1 标签选择器 标签选择器是最基础的选择器，通过HTML标签名称选取相应的元素。/* 为所有的段落元素设置字体颜色 */p { color: red;} 1.2 类选择器 类选择器以.开头，后面跟随类名。它可以应用于具有该类名的任何元素。/* 为类名为'highlight'的元素设置背景色 */.highlight { ...
2、并集选择器 语法: 选择器1,选择器2{css样式} 并集选择器:同时选择多组标签,设置相同的样式 结果:找到选择器1和选择器2选中的标签,设置样式 注意: 选择器与选择器之间用,隔开 可以是基础选择器或者复合选择器 每组选择器通常一行写一个,提高代码的可读性 p,div{color: red; }这个元素会被应用样式这个元素...
一、基本选择器 通配选择器 作用:可以选中所有的HTML元素。 语法: * { 属性名: 属性值; } 举例: /* 选中所有元素 */* {color: orange;font-size:40px; } 备注:目前来看通配选择器貌似有点鸡肋,但后面清除样式时,会对我们有很大帮助。 元素选择器 ...
1、标签选择器:选择器的名字代表html页面上的标签 标签选择器,选择的是页面上所有这种类型的标签,所以经常描述“共性”,无法描述某一个元素的“个性”。 举例: 代码语言:javascript 复制 p{font-size:14px;}css 再比如说,我想让“学完了安卓,继续学前端哟”这句话中的“前端...
1、CSS基础选择器 简单来说,选择器就是根据需求把不同的标签选出来。从而实现CSS的修饰具有针对性。 1.1、标签选择器 语法: 标签名{属性:属性值;} 1. 2. 3. 标签选择器是指以HTML标签名称作为选择器,按照标签名称分类,选中页面内所有的指定标签,实例: ...
一、标签选择器 标签选择器，也称为元素选择器或类型选择器，是最基本的选择器之一。它根据HTML元素的类型来选择元素，并应用样式。例如，使用“p”选择器可以选择页面中的所有段落元素，并为其应用统一的样式。标签选择器的主要优点是简单易懂，适用于对同一类型的元素应用统一的样式。然而，它的缺点也很明显，即...
属性选择器 1.[attr][attr] 选择器匹配所有包含 attr 属性的元素：// HTML// CSS[display]{// declarations} 元素会被选中。2.[attr="value"][attr="value"] 选择器会匹配所有 attr 属性值为 value 的元素：// HTML// CSS[display="inline"]{// declarations} 会被选中。3.[attr~="value"][...
一、三种基础选择器 1. 元素选择器（Element Selector）元素选择器是最基础也是最直接的选择器，它根据HTML元素的名称来选择元素。例如，如果你想为所有的``标签设置样式，你可以使用`p`作为选择器。css p { color: red;} 在上面的例子中，所有的``标签中的文本都将显示为红色。元素选择器是最基础的选择器，...