CSS中如何判定选择器优先级
导读:本文共1919字符,通常情况下阅读需要6分钟。同时您也可以点击右侧朗读,来听本文内容。按键盘←(左) →(右) 方向键可以翻页。
摘要: 选择器就是指定CSS要作用的标签,那个标签的名称就是选择器。意为:选择哪个容器(标签本身就是封装数据的容器)。@CHARSET "UTF-8"; /*css中选择器有很多种,第一种就是最基本的元素选择器(又称类型选择器)。 *文档的元素就是最基本的选择器。 *如果设置 HTML ... ...
音频解说
目录
(为您整理了一些要点),点击可以直达。选择器就是指定CSS要作用的标签,那个标签的名称就是选择器。意为:选择哪个容器(标签本身就是封装数据的容器)。
@CHARSET "UTF-8"; /*css中选择器有很多种,第一种就是最基本的元素选择器(又称类型选择器)。 *文档的元素就是最基本的选择器。 *如果设置 HTML 的样式,选择器通常将是某个 HTML 元素, * 比如 p、h2、em、a,甚至可以是 html 本身: */ h3{ color:blue; } /*第二种选择器: 类样式选择器 */ /*对所有 "aa"类样式进行设置 .aa{ background-color: #00FF00; } */ /*仅仅是对p中的"aa"类样式进行设置*/ p.aa{ background-color: #00FF00; } .bb{ background-color: #004444; } /*第三种选择器 id选择器 *ID 选择器允许以一种独立于文档元素的方式来指定样式。 *在某些方面,ID 选择器类似于类选择器,不过也有一些重要差别。 */ /*id选择器*/ #d1{ background-color: #0000FF; } /*其他选择器*/ /*1.关联选择器*/ p span{/*选择p标签容器中的span*/ font-size:20pt; } /*2.组合选择器*/ p span,.c,#d1{ color:red; } /*3.伪元素选择器*/ /*CSS 伪元素用于向某些选择器设置特殊效果。*/ span:HOVER { background-color:#FFFF00; font-size: 20pt; cursor: pointer; } a{ text-decoration: none; } /*L-V-H-A*/ a:link{ color: red; font-size: 12pt; } a:visited{ color:blue; font-size: 16pt; } a:hover{ background-color: #00FF00; font-size:20pt; } a:active{ color:#FFFF00; } input:focus{ background-color: #00FFFF; } /*星号选择器,选择所有*/ *{ text-decoration: underline; } /*属性选择器,所有具有type属性的元素*/ [type]{ margin: 10px; } /*具有name属性且属性值为'math'*/ [name="math"]{ background-color: #0ff; } a[href="http://www.w3school.com.cn/"][title="W3School"] { color: red; } /* 关联选择器---后代 */ h2 em{ color: red; } /*子元素选择器---儿子*/ p > em{ color: blue; } /*相邻元素选择器---后续兄弟*/ li + li { font-weight:bold; }
</div> <div class="zixun-tj-product adv-bottom"></div> </div> </div> <div class="prve-next-news">
本文:
CSS中如何判定选择器优先级的详细内容,希望对您有所帮助,信息来源于网络。