介绍
小编给大家分享一下CSS中如何判定选择器优先级,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获、下面让我们一起去了解一下吧!
选择器就是指定CSS要作用的标签,那个标签的名称就是选择器。意为:选择哪个容器(标签本身就是封装数据的容器)。
@CHARSET“UTF-8";/* css中选择器有很多种,第一种就是最基本的元素选择器(又称类型选择器)。
*文档的元素就是最基本的选择器。
*如果设置HTML的样式,选择器通常将是某个HTML元素,
*比如p, h2, em,甚至可以是html本身:
*/h3 {
颜色:蓝色;
}/*第二种选择器:类样式选择器*//*对所有“aa"类样式进行设置
.aa {
background - color: # 00 ff00;
}
*//*仅仅是对p中的“aa"类样式进行设置*/p.aa {
background - color: # 00 ff00;
}
.bb {
background - color: # 004444;
}/*第三种选择器id选择器
*身份证选择器允许以一种独立于文档元素的方式来指定样式。
*在某些方面,ID选择器类似于类选择器,不过也有一些重要差别。
*//* id选择器*/# d1 {
background - color: # 0000 ff;
}/*其他选择器*//* 1。关联选择器*/p跨度{/*选择p标签容器中的跨*/字体大小:20分;
}/* 2 .组合选择器*/p跨度,c # d1 {
颜色:红色;
}/* 3。伪元素选择器*//* CSS伪元素用于向某些选择器设置特殊效果。*/跨度:{徘徊
background - color: # FFFF00;
字体大小:20分;
光标:指针;
}
一个{
文字修饰:没有;
}/* L-V-H-A */{:链接
颜色:红色;
字体大小:12 pt;
}
答:访问{
颜色:蓝色;
字体大小:16分;
}
答:{徘徊
background - color: # 00 ff00;
字体大小:20分;
}
答:活跃的{
颜色:# FFFF00;
}
输入:{焦点
background - color: # 00飞行符;
}/*星号选择器,选择所有*/* {
文字修饰:下划线;
}/*属性选择器,所有具有类型属性的元素*/(类型){
保证金:10 px;
}/*具有名字属性且属性值为& # 39;数学# 39;*/[name=癿ath"] {
background - color: # 0 ff;
}
https://www.yisu.com/zixun/[href=" http://www.w3school.com.cn/"] [title=癢3School”) {
颜色:红色;
}/*关联选择器- - -后代*/h2 em {
颜色:红色;
}/*子元素选择器- - -儿子*/p> em {
颜色:蓝色;
}/*相邻元素选择器- - -后续兄弟*/李李+ {
粗细:大胆的;
} 以上是“CSS中如何判定选择器优先级”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注行业资讯频道!
