html什么是标准选择器,让你懂得css3四 类选择器命名规范
时间: 2023-11-26 10:05:53 浏览: 97
HTML的标准选择器是CSS(层叠样式表)中的选择器,它用于选择HTML文档中的元素并为它们应用样式。常见的标准选择器有以下几种:
1. 元素选择器(Element Selector):通过元素名称来选择对应的HTML元素,如p、h1、div等。
2. 类选择器(Class Selector):通过class属性来选择对应的HTML元素,如.class。
3. ID选择器(ID Selector):通过id属性来选择对应的HTML元素,如#id。
4. 属性选择器(Attribute Selector):通过HTML元素的属性来选择对应的HTML元素,如[type="text"]。
而CSS3中的四类选择器分别是:
1. 基础选择器(Basic Selectors):包括元素选择器、类选择器、ID选择器和属性选择器。
2. 关系选择器(Combinator Selectors):包括后代选择器、子元素选择器、相邻兄弟选择器和通用兄弟选择器。
3. 伪类选择器(Pseudo-class Selectors):包括链接伪类、动态伪类、用户界面伪类、结构性伪类等。
4. 伪元素选择器(Pseudo-element Selectors):包括::before、::after、::first-line、::first-letter等。
至于CSS命名规范,一般而言有两种:
1. BEM命名规范:即Block(块)、Element(元素)、Modifier(修饰符)的缩写。例如:.block、.block__element、.block--modifier。
2. SMACSS命名规范:即Scalable and Modular Architecture for CSS的缩写。例如:.layout-header、.module-nav、.state-active等。
阅读全文