css-扩展选择器

kidsamong 发布于2019-04-23 13:14 / 2830人阅读

摘要：关联选择器设置标签里面标签的样式，嵌套标签里面的样式组合选择器把和标签设置成相同的样式，把不同的标签设置成为相同的样式伪元素选择器了解里面提供了一些定义好的样式，可以拿过来使用比如超链接超链接的状态原始状态鼠标放上去的状态点击点击之后记

（1）关联选择器
　　

aaaaaaaaaaaa

　　* 设置div标签里面p标签的样式，嵌套标签里面的样式

div p{
    background-color:blue;
}

（2）组合选择器
　　

aaaaaaaaaaaa

bbbbbbbbb

　　* 把div和p标签设置成相同的样式，把不同的标签设置成为相同的样式

div,p{
    background-color:blue;
}

（3）伪元素选择器（了解）
　　* css里面提供了一些定义好的样式，可以拿过来使用
　　* 比如超链接
　　** 超链接的状态
　　原始状态鼠标放上去的状态点击点击之后
　　:link :hover :active :visited
　　*** 记忆的方法
　　lv ha

GPU云服务器云服务器 css选择器基础选择器css css选择 js css 加载器

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/1613.html

谈谈CSS预处理器

摘要：变量插值预处理器中定义的变量不仅可以用作属性值，还可以用作选择器，属性名等，这就是变量插值。三种预处理器的嵌套语法是一致的，引用父级选择器的标记也相同。三种预处理器的使用方式的差异比较大，下面分别说明。在写CSS的时候我们会发现，为了兼容浏览器等原因，我们往往需要写很多冗余的代码，CSS预处理器就是为了解决CSS的这些问题，简化CSS代码的编写。目前最主流的CSS预处理器是LESS...

BlackMass 2019-08-30 13:12 评论0 收藏0
CSS || 功能分类

摘要：组件的外观可以通用，但是位置却不能。总结出现上述问题的愿意一个承担的样式太多。在使用等简写属性时，注意其中关于位置和布局的样式等布局和位置由单独的布局类或单独容器元素构成。降低现有类名冲突使用规则进行命名。 CSS模块化规则 CSS模块的设计原则：可重用可维护可扩展 1 常见的问题 1.1 基于父组件直接修改样式 .widget { background: yello...

xuhong 2019-08-29 12:13 评论0 收藏0
[译]聊一聊CSS方法论

摘要：这个方法论在内容和容器之间有着明显的区分。这是通过把命名为表示其角色的类名。通过使用这种扁平的命名方式避免了多后代的选择器。原文链接：A Look at Some CSS methodologies CSS在大型，复杂，快速迭代的系统中难以管理的程度是出了名的。其中一个原因是CSS缺少内置的作用域管理机制。在CSS中，所有的一切都是全局的，这意味着任何你所做的改变都有可能层叠或者改...

CoffeX 2019-08-28 18:20 评论0 收藏0
[译]聊一聊CSS方法论

摘要：这个方法论在内容和容器之间有着明显的区分。这是通过把命名为表示其角色的类名。通过使用这种扁平的命名方式避免了多后代的选择器。原文链接：A Look at Some CSS methodologies CSS在大型，复杂，快速迭代的系统中难以管理的程度是出了名的。其中一个原因是CSS缺少内置的作用域管理机制。在CSS中，所有的一切都是全局的，这意味着任何你所做的改变都有可能层叠或者改...

cfanr 2019-08-01 14:53 评论0 收藏0
优雅地写css

摘要：在规则声明的左大括号前加上一个空格。规则声明之间用空行分隔开。根据属性的重要性顺序书写。因此私有在前，标准在后的写法是考虑到了以后可能会出现的问题。且最好尽量减少没有实际作用的冗余的属性。 https://csswizardry.com/2013/...https://css-tricks.com/bem-101/https://www.smashingmagazine....htt...

Kyxy 2019-08-29 14:06 评论0 收藏0