HTML基础之选择器


本文摘自PHP中文网,作者不言,侵删。

这篇文章介绍的内容是关于HTML基础之选择器 ,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下

选择器的作用

可以在样式表里更加方便快捷的对html的各种样式以及属性进行操作

分类

1、标签类型选择器:对标签设置样式

1

2

3

a{

  text-decoration: none;

}

2、包含选择符

1

2

3

span[class=demo]{

    color:red;

}

3、内部包含选择符

1

2

3

4

5

p a{

    text-decoration: underline;

    font-size: 30px;

    color:#ff00ff;

}

4、子对象选择符

1

2

3

body>p{

    font-size:34px;

}

5、id选择器

1

2

3

#content{

    border-style: solid;

}

6、类选择器

1

2

3

4

5

6

.note{

    font-size: 34px;

}

span.note1{

    font-size: 54px;

}

7、分组选择器

1

2

3

td,p,a{

                 

}

以上就是HTML基础之选择器 的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

Html怎么设置编码

Html中标签制作表单实例

Html time具体用法和作用详解

前端开发中要如何注释语句?注释的三种方法(介绍)

Html表格边框颜色怎么设置

Html font标签怎么设置字体样式?利用css控制文字大小的方法

Html查看器是什么意思

Html是编程语言吗

Html的<colgroup>标签功能

Html实现实时效果查看功能

更多相关阅读请进入《Html》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...