css选择器
来源:互联网 发布:网站自然优化 编辑:程序博客网 时间:2024/06/05 16:04
css是级联样式表(Cascading Style Sheets )
css是用来定义HTML、XML、JSP等文件的样式(是标记语言的一种)
对Css来说最为重要,使用最多的就是css选择器
css样式表的四种引用方式:
一、行内样式
二、嵌入样式
三、导入式
四、链接式
css选择器:
选择器种类
元素(标签)
类选择器
ID选择器
属性选择器
后代选择器
符号
.
#
[ ]
例子
html{color:blue;} h2{color:silver;}
.cName{
color:red;
}
#demoDiv{
color:#FF0000;
}
[title]{
color:red;
}
h1 em {
Color:red;
}
<h3>这是 heading 1</h3>
<h2>这是 heading 2</h2>
<p>这是一段普过放电。</p>
<h3 class="cName">a</h3>
<h2 class="cName">b</h2>
<i>kdkdk</i>
<div id="demoDiv">
aa</div>
<h3>可以应用样式:</h3>
<h3 title="Hello">Hello</h3>
<i title="W3Sl">W3Sl</i>
<h3>哈<em>嘻</em>啦</h3>
<p>哈<em>嘻</em>啦</p>
<h3>哈<i>嘻</i>啦</h3
结果
选择器种类
子元素选择器
群组选择器
相邻兄弟选择器
伪类选择器
A>B,A元素的子元素的所有B元素
当几个元素样式属性一样时,可同调用一个声明,元素间用逗号分隔
可选择紧接在另一元素后的元素,且二者有相同父元素。
向某些选择器添加特殊的效果
符号
>
,
+
:
例子
p > i {color:red;}
b,p{color:red;}
h4 + p {color:red;}
a:link {color: #FF0000}
<p>aa <i>bb</i> <i>cc</i>dd</p>
<p>aa <i>bb</i> ee<i>cc</i>dd</p>
<p>a <i>b</i><b>e</b> <i>c</i>d</p>
<p>aa <em>bb <i>cc</i></em> dd</p>
<b>aa</b>
<p>aa</p>
<i>aa</p>
<h4>ccc</h4>
<p>aaa</p>
<p>ddd</p>
<a href="/a.jsp" target="_blank">aa</a>
结果
- CSS选择器,jQuery选择器
- jQuery选择器 CSS选择器
- css选择器-基本选择器
- css选择器-属性选择器
- CSS选择器选择器
- CSS选择器-属性选择器
- css选择器
- css选择器
- css选择器
- Css选择器!
- CSS选择器
- css选择器
- CSS选择器
- CSS选择器
- CSS选择器
- CSS选择器
- css选择器
- css选择器
- Ubuntu14.04 LTS更新源
- java 日期格式时间24小时制
- C# WebBrowser 禁用alert,返回信息。禁用confirm 返回信息。 页面增加js,页面执行js函数
- html5开发
- 嵌入式数据库SQLite移植到S3C2410的方法
- css选择器
- 学学Mybatis(四)
- LAS点云数据的读取
- Android中控件的层次结构
- 【springboot】 springboot集成quartz实现定时任务
- Java并发之CountDownLatch、CyclicBarrier、Semaphore
- java自学视频整理
- c# hello world csc test.cs
- PostgreSql数据库中表字段由类型varchar改变成整型