CSS3 选择器，web中间开发，JavaScript命名标识符规范

在CSS中，选择器是用来选择特定元素的模式。CSS3引入了一些新的选择器，例如属性选择器、结构性伪类选择器等，以便更精确地定位元素。

以下是一些CSS3选择器的例子：

/* 属性选择器 */
p[attr] { color: red; }                 /* 有attr属性的所有p元素 */
p[attr='value'] { color: red; }         /* attr属性等于value的所有p元素 */
p[attr~='value'] { color: red; }        /* attr属性的值包含value的所有p元素 */
p[attr^='value'] { color: red; }        /* attr属性的值以value开头的所有p元素 */
p[attr$='value'] { color: red; }        /* attr属性的值以value结尾的所有p元素 */
p[attr*='value'] { color: red; }        /* attr属性的值包含value的所有p元素 */
 
/* 结构性伪类选择器 */
p:first-of-type { color: red; }        /* 其父元素的第一个p元素 */
p:last-of-type { color: red; }         /* 其父元素的最后一个p元素 */
p:nth-of-type(n) { color: red; }       /* 其父元素的第n个p元素 */
p:nth-last-of-type(n) { color: red; }  /* 其父元素的倒数第n个p元素 */
p:only-of-type { color: red; }         /* 其父元素中唯一的p元素 */
 
/* 伪元素选择器 */
p::first-letter { color: red; }       /* p元素的第一个字母 */
p::first-line { color: red; }         /* p元素的第一行 */

在JavaScript中，标识符是用来命名变量、函数、属性名的名称。一个良好的命名规范可以提高代码的可读性和可维护性。

以下是一些JavaScript命名标识符的例子：

var camelCaseIdentifier = 'value';       // 小驼峰式命名
var lowercase_underscore = 'value';     // 下划线命名
var CONSTANT_CASE_IDENTIFIER = 'value'; // 大写下划线命名
 
function namedFunction() {              // 函数命名
  // ...
}
 
class MyClass {                         // 类命名
  // ...
}
 
const { myProperty } = someObject;      // 属性命名

在CSS和JavaScript中，遵循以下规则可以提高代码的可读性和可维护性：

• 尽量避免使用单个字符的标识符，除非是短的循环变量。
• 使用有描述性的名称，说明其用途或内容。
• 对于局部变量和函数，使用小驼峰式命名。
• 对于全局变量或常量，使用全大写字母和下划线。
• 类名和构造函数使用大驼峰式命名。
• 属性和方法命名尽可能保持一致性，与相应的设计模式或标准库保持一致。