📜  为什么 CSS 选择器/HTML 属性首选破折号?

📅  最后修改于: 2021-08-31 08:08:38             🧑  作者: Mango

CSS 是一种以连字符分隔的语法语言,这意味着在编写 HTML 属性时我们可以使用连字符 (-)。

例子:

font-size, line-height, background-color, etc...

首选连字符 (-) 有多种原因:

  • 在 CSS 中,可以使用下划线 (_) 代替连字符 (-) 作为 CSS 选择器(class, id, span, …),但优先考虑的是它的易用性。
  • 下划线需要按 Shift 键,因此更难输入。另一方面,CSS 已经使用连字符或破折号作为其官方代码的一部分,因此使用连字符比使用下划线更方便。
  • 除了使用破折号,我们也可以使用驼峰式大小写来书写,但使用它有问题,它更难阅读,单词之间的空格使它们更易于阅读。
  • 使用破折号还有一个好处,它使代码更具可读性。

例子:



  

    
      
    
        Why are dashes preferred
        for CSS selectors / HTML
        attributes ?
    
  
    

  

  
    
    
        This is sample text for the class         name containing a hyphen.     
    
                
        This is sample text for the class         name not containing a hyphen.     
    
            
        This is sample text for the class         name containing an underscore.     
  

输出:

从上面的代码中,很明显,使用破折号是一种更合适的编写程序的方式,而不是使用驼峰式大小写或下划线,因此,由于这一事实,破折号是 CSS 选择器/HTML 属性的首选。