栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

为什么在CSS选择器/ HTML属性中首选使用破折号?

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

为什么在CSS选择器/ HTML属性中首选使用破折号?

代码完成

我猜破折号是解释为标点符号还是不透明标识符取决于选择的编辑器。但是,根据个人喜好,我更喜欢能够在CSS文件中的每个单词之间切换,并且如果它们之间用下划线分隔并且没有停顿的话,会很烦人。

另外,使用连字符允许您利用| =属性选择器,该选择器选择包含文本的任何元素,并可以选择后面跟一个破折号:

span[class|="em"] { font-style: italic; }

这将使以下HTML元素具有斜体字体样式:

<span >I'm italic</span><span >I'm italic too</span>

算术运算符的歧义

我想说的是,通过Javascript中的点符号访问HTML元素是一个错误而不是功能。这是从可怕的Javascript实现的早期开始就构成的可怕结构,实际上并不是一个好习惯。对于如今使用Javascript所做的大多数事情,无论如何,您都想使用[CSS选择器从DOM中获取元素,这使得整个点符号变得毫无用处。您想要哪一个?

var firstName = $('#first-name');var firstName = document.querySelector('#first-name');var firstName = document.forms[0].first_name;

我发现前两个选项更为可取,尤其是因为

'#first-name'
可以将其替换为Javascript变量并动态构建。我还发现它们在眼睛上更令人愉快。

Sass在其对CSS的扩展中启用算术的事实并不真正适用于CSS本身,但我确实理解(并接受)Sass遵循CSS的语言样式(

$
变量的前缀除外,这一事实当然应该一直
@
)。如果Sass文档的外观和感觉像CSS文档,则它们需要遵循与CSS相同的样式,即使用破折号作为分隔符。在CSS3中,算术仅限于该
calc
函数,这表明在CSS本身中,这不是问题。

与跨语言的变量命名不一致

所有语言(作为标记语言,编程语言,样式语言或脚本语言)都有自己的样式。您可以在XML之类的语言组的子语言中找到它,例如XSLT使用带连字符分隔符的小写字母,而XMLSchema使用驼峰式。

通常,您会发现,采用一种感觉和外观对您正在编写的语言最“原生”的样式比尝试将自己的样式塞入每种不同的语言要好。由于无法避免使用本机库和语言构造,因此无论您是否喜欢,您的样式都会被本机样式“污染”,因此即使尝试也不用。

我的建议是不要在所有语言中找到喜欢的样式,而要使自己在每种语言中都处于家中,并学会热爱它的所有怪癖。CSS的一个怪癖是关键字和标识符以小写形式并由连字符分隔。就个人而言,我觉得这在视觉上非常吸引人,并认为它与全小写(尽管没有连字符)的HTML都适合。



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/465079.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号