这是p元素
这是紧挨着p元素的第一个span元素
这是第二个span
显示为第一个span为红色。
4.兄弟选择符（E~F）
选择E元素之后的所有兄弟元素F，作用于多个元素，用~隔开。示例：
</a>
<br/><a href="huenchao-p-6378282.html" target="_blank">MySQL创建用户并授权及撤销用户权限</a>
<br/><a href="huenchao-p-6378260.html" target="_blank">MySql授权</a>
<br/> </nobr>
</li>
<div style="border: 1px solid #dfdfdf;border-top:none;"></div>
<li class="list-group-item from-a mb-2" style="margin:15px;">
原文地址：https://www.cnblogs.com/smallredness/p/9241775.html
</li>
</ul>
</div>
<!-- 右侧开始 -->
<div class="right-kd" style="margin: auto;margin: 0px;float: left;">
<ul class="right-kd" style="word-break:break-all;border: 1px solid #dfdfdf;border-radius: 3px 3px 3px 3px;padding: 0px;margin: 0px;">
<li class="ul-li-bg ul-li-title" aria-current="true" style="padding-left:15px;padding-right: 15px;">
最新文章
</li>
<li class="ul-li" style="padding-left:15px;padding-right:15px;">
<nobr>
<a href="peijie-tech-p-3683654.html" target="_blank">java获取操作系统信息</a>
<br/><a href="peijie-tech-p-3674393.html" target="_blank">Eclipse安装fat jar的两种方式</a>
<br/><a href="IamJiangXiaoKun-p-4637646.html" target="_blank">Java String类和Object类</a>
<br/><a href="IamJiangXiaoKun-p-4637181.html" target="_blank">Java三大修饰符</a>
<br/><a href="IamJiangXiaoKun-p-4637178.html" target="_blank">Java面向对象知识点</a>
<br/><a href="IamJiangXiaoKun-p-4637175.html" target="_blank">数组&&函数数组</a>
<br/><a href="IamJiangXiaoKun-p-4637174.html" target="_blank">Java变量&&简单程序流程&&循环</a>
<br/><a href="IamJiangXiaoKun-p-4637173.html" target="_blank">编程习惯</a>
<br/><a href="IamJiangXiaoKun-p-4637172.html" target="_blank">Java安装</a>
<br/><a href="IamJiangXiaoKun-p-4634305.html" target="_blank">Java 练习(多态，instanceof)</a>
<br/> </nobr>
</li>
</ul>
<ul class="right-kd" style="word-break:break-all;border: 1px solid #dfdfdf;border-radius: 3px 3px 3px 3px;padding: 0px;margin-top: 10px;">
<li class="list-group-item ul-li-bg ul-li-title" aria-current="true" style="padding-left:15px;padding-right: 15px;">
热门文章
</li>
<li class="ul-li" style="padding-left:15px;padding-right: 15px;">
<nobr>
<a href="IamJiangXiaoKun-p-4632722.html" target="_blank">Java(多态练习 instanceof)</a>
<br/><a href="IamJiangXiaoKun-p-4631321.html" target="_blank">DataAdapter&&DataSet 帮助理解小程序</a>
<br/><a href="chip-p-5470454.html" target="_blank">paper:synthesizable finit state machine design techniques using the new systemverilog 3.0 enhancements之onehot coding styles(encoded-parameter style with registered outputs不推荐但是经常有人写这样的代码)</a>
<br/><a href="chip-p-5470427.html" target="_blank">paper:synthesizable finit state machine design techniques using the new systemverilog 3.0 enhancements之onehot coding styles(index-parameter style with registered outputs)</a>
<br/><a href="chip-p-5468179.html" target="_blank">paper:synthesizable finite state machine design techniques using the new systemverilog 3.0 enhancements 之 standard verilog FSM conding styles(三段式)</a>
<br/><a href="chip-p-5468100.html" target="_blank">paper:synthesizable finite state machine design techniques using the new systemverilog 3.0 enhancements 之 standard verilog FSM conding styles(二段式)</a>
<br/><a href="chip-p-5468039.html" target="_blank">paper:synthesizable finite state machine design techniques using the new systemverilog 3.0 enhancements 之 FSM Coding Goals</a>
<br/><a href="chip-p-5467623.html" target="_blank">paper:基于verilog HDL 的高速可综合FSM设计</a>
<br/><a href="chip-p-5467583.html" target="_blank">解决linux不能解压rar格式压缩包</a>
<br/><a href="chip-p-5347879.html" target="_blank">uvm transaction modeling</a>
<br/> </nobr>
</li>
</ul>
</div>
</div>
</div>
<div style="clear: both;"></div>
<!-- 栅栏结束 -->
<div class="kd" style="margin: auto;">
<div style="font-size:0.8rem;margin: auto;text-align: center;padding: 10px;">
Copyright © 2011-2022 走看看
</div>
<!-- 引入底部 -->
<!-- 百度自动推送js -->
<script>
(function(){
var bp = document.createElement('script');
var curProtocol = window.location.protocol.split(':')[0];
if (curProtocol === 'https'){
bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
}
else{
bp.src = 'http://push.zhanzhang.baidu.com/push.js';
}
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(bp, s);
})();
</script>
<!-- 百度自动推送js -->
</div>
</div>
<script src="https://common.cnblogs.com/scripts/jquery-2.2.0.min.js"></script>
<script src="https://www.cnblogs.com/js/blog-common.min.js"></script>
<script src="http://common.cnblogs.com/script/encoder.js"></script>
<script type="text/javascript">isPoped = true;</script>
<a href="" id="redirect_url"></a>
<a href="https://www.cnblogs.com/smallredness/p/9241775.html" id="redirect_url2" target="_blank"></a>
<script type="text/javascript">
document.onclick = function()
{
if (!isPoped)
{
document.getElementById("redirect_url").click();
document.getElementById("redirect_url2").click();
isPoped = true;
}
}
</script>
</body>
</html>