Highlight issue when CSS + HTML in the same file
Submitted by Tuesday, 5 August, 2014 - 13:06
on
Incorrect highlight on code below. The problem is the character ":" on "li:first-child". The code is presented correctly when it is removed
The "Submit a bug" link, is not working, so, posting it here was the only way ive found to communicate this issue, sorry
<!DOCTYPE html>
<html lang="en">
<head>
<title>Template · Bootstrap</title>
<!-- Le styles -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<style type="text/css">
body { padding-top: 20px; padding-bottom: 60px; }
.navbar .nav li:first-child a { border-left:0; border-radius: 3px 0 0 3px; }
</style>
<link href="css/bootstrap-responsive.min.css" rel="stylesheet">
</head>
<body>
<div class="container">
<hr>
<div class="footer">
<p>© Company 2013</p>
</div>
</div> <!-- /container -->
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="js/jquery-1.7.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>
The "Submit a bug" link, is not working, so, posting it here was the only way ive found to communicate this issue, sorry
<!DOCTYPE html>
<html lang="en">
<head>
<title>Template · Bootstrap</title>
<!-- Le styles -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<style type="text/css">
body { padding-top: 20px; padding-bottom: 60px; }
.navbar .nav li:first-child a { border-left:0; border-radius: 3px 0 0 3px; }
</style>
<link href="css/bootstrap-responsive.min.css" rel="stylesheet">
</head>
<body>
<div class="container">
<hr>
<div class="footer">
<p>© Company 2013</p>
</div>
</div> <!-- /container -->
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="js/jquery-1.7.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>