如何解决如何选择多个给定元素的子元素?
| 我有<div id=\'mydiv\'>
,并且需要选择所有#mydiv
的子元素pre
和div
。
我可以这样:
div#mydiv > pre,div#mydiv > div
但是,可以做到只引用一次“ 3”吗?
div#mydiv > pre,div
会在页面上选择所有div
,无论它们是ѭ3children的子级,因此逗号都不是处理方法。也许我不知道另一种语法?
解决方法
您必须两次引用
#mydiv
...
#mydiv > pre,#mydiv > div
我删除了多余的div
元素选择器,因为ID足够具体。
, 据我所知,没有用于选择器分组的简写。
请参见\“选择器分组\”。
尽管使用LESS,可以在“嵌套规则”部分中进行操作。
, 唯一引用ID的唯一方法是与*
选择器一起使用:
#mydiv > * {
这将适用于该div的所有子元素。
根据您计划应用的样式,这可能是可行的(我通常将其用于对页边距,填充和边框样式进行零填充),但仍然最好还是采用第一种方法,因为这样可以使制作更容易例外/变更之后。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。