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 base标签有什么作用?base标签的作用分析(附实例)

Html行高怎么设置

Html元素一般被分为哪两类

Html中如何实现文本与标签居中

Html禁止清除input文本输入缓存的两种方法

Html文件的中文乱码问题与在浏览器中的显示问题

Html怎么实现内容超出自动隐藏

Html和css是什么语言?

Html实现高亮关键字

Html隐藏标签是什么

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




打赏

取消

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

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

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

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

评论

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