css选择器 class中包括article的写法
时间: 2023-07-07 21:44:51 浏览: 92
可以使用以下 CSS 选择器来选取 class 中包括 "article" 的元素:
```
[class*="article"]
```
这个选择器会匹配所有 class 属性中包含 "article" 的元素。例如,如果一个元素的 class 属性值为 "post-article",那么这个选择器就会匹配该元素。
相关问题
css 选择器 class
在CSS中,使用类选择器来选择具有相同类名的元素。类选择器使用英文句点(.)后面跟着类名来指定选择的元素。
示例代码如下:
HTML:
```html
<div class="box">这是一个具有box类的div元素</div>
<p class="box">这是一个具有box类的p元素</p>
<span>这是一个没有box类的span元素</span>
```
CSS:
```css
.box {
color: red;
}
```
在上面的代码中,我们在HTML中有三个元素,其中两个具有相同的类名为`box`,一个没有该类名。然后,在CSS中使用类选择器`.box`来选择具有`box`类名的元素,并给它们设置了`color: red;`样式。
这样,具有`box`类名的div和p元素就会应用该样式,文字颜色将变为红色。而没有`box`类名的span元素不会应用该样式。
css name选择器的写法
CSS名称选择器用于选取文档中具有特定类名、ID、标签名或属性值的元素。它们有不同的写法:
1. **元素选择器**: 标记元素的类型,如 `p` 表示段落元素,`img` 表示图片元素等。
2. **ID选择器**: 使用 `#` 符号加上唯一的ID,比如 `#header` 选中id为"header"的元素。
3. **类选择器**: 使用`.`符号加上类名,如 `.menu-item` 选中所有class为"menu-item"的元素。
4. **属性选择器**: 通过元素的属性来筛选,例如 `[href]` 选取所有有href属性的链接。
5. **伪类选择器**: 用于指定元素的特定状态,如`:hover` 选中鼠标悬停时的状态,`:first-child` 选中第一个子元素等。
6. **后代选择器**: 用空格分隔表示包含关系,如 `div p` 选取所有在`<div>`内的`<p>`元素。
7. **通用组合选择器**: 结合以上几种形式,如 `#logo img` 选中ID为"logo"的元素内部的所有图片。
8. **高级选择器** (组合选择器): 包括相邻兄弟选择器 (`+`) 和同辈选择器 (`~`) 等。
记得,在实际使用中,可以选择器可以嵌套或组合使用,以达到更精确的选择目标。